想让父组件的状态更新的时候。子组件也根据这个状态更新
父组件中
this.state = {
checked: false
};
<Checkbox checked={checked}>Checkbox</Checkbox>
子组件中
当props发生变化时执行,初始化render时不执行,在这个回调函数里面,你可以根据属性的变化,通过调用this.setState()来更新你的组件状态,旧的属性还是可以通过this.props来获取,这里调用更新状态是安全的,并不会触发额外的render调用
//props发生变化时触发
componentWillReceiveProps(props) {
console.log(props)
this.setState({show: props.checked})
}