React 子组件监听父组件传递的值的变化

想让父组件的状态更新的时候。子组件也根据这个状态更新

父组件中

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})
}