React 父组件中如何能实时获取子组件的状态？

Question

子组件中有个状态需要在父组件中用到，那么父组件如何能做到实时响应？

目前能想到的办法是利用回调，能不能在父组件中直接获取子组件的状态？比如用 this.refs.xxx.state.xxx 这样获取的并不是实时的，能获取实时的吗？像 redux 这样，能做到实时响应，而不需要额外处理？

Answer 1

class&nbsp;Parent&nbsp;extends&nbsp;React.Component&nbsp;{ &nbsp;&nbsp;render()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<Child&nbsp;onChange={this.getChildState}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;) &nbsp;&nbsp;} &nbsp;&nbsp;/**&nbsp;获取子组件状态&nbsp;*/ &nbsp;&nbsp;getChildState&nbsp;=&nbsp;(state)&nbsp;=>&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;console.log(state); &nbsp;&nbsp;} } import&nbsp;PropTypes&nbsp;from&nbsp;'prop-types'; class&nbsp;Child&nbsp;extends&nbsp;React.Component&nbsp;{ &nbsp;&nbsp;static&nbsp;propsType&nbsp;=&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;onChange:&nbsp;PropTypes.func &nbsp;&nbsp;} &nbsp;&nbsp;//&nbsp;..... }