pass setstate to child
//ChildExt component
class ChildExt extends React.Component {
render() {
return (<div><button onClick={() => this.props.handleForUpdate('someNewVar')}>Push me</button></div>
)}
}
//Parent component
class ParentExt extends React.Component {
constructor(props){
super(props);
this.state = {lol: false }
}
handleForUpdate(someArg){
this.setState({lol: true});
console.log(someArg);
}
//Notice how we don't pass the arguments into the bind.this even though it does take an argument.
render() {
return (<ChildExt handleForUpdate={this.handleForUpdate.bind(this)} />)
}
}
0
0
class SomeParentComponent extends React.Component {
constructor(props) {
super(props);
this.state = {color: 'red'};
}
render() {
return <SomeChildComponent color={this.state.color} />;
}
}
Thank you!
0
0
Are there any code examples left?
New code examples in category Javascript