子組件調用父組件的方法,從而改變父組件中state中的值
//父組件 change (value) { console.log(value) this.setState({ red: value.red }) console.log(this.state) } render () { return ( <> {this.state.red && this.state.red == 1 ? ( <div>red == 1</div> ) : null} <Child childChangeFather={this.change.bind(this)}></Child> </> ) }
//子組件 render () { <> <div onClick={() => {this.props.childChangeFather({red: 1})}}>子組件如何改變父組件的state</div> </> }