react 怎么像jquery绑定事件

Question

react 怎么像jquery绑定事件

Answer 1

　React-Event绑定的事件回调函数中打印e.nativeEvent.currentTarget可以发现结果是#document, 也就是说React的事件机制应该是全部绑定在了document上。
之前在componentDidMount里面通过document.body.addEventListener绑定了点击事件，因为body其实也是document的下级，所以是先执行body绑定的回调函数。
另外即使改成document.addEventListener来绑定点击事件(假设是function1)，在ReactElement中使用e.stopPropagation()是无法阻止function1的调用，要想阻止function1调用，可能只能e.nativeEvent.stopImmediatePropagation();

Answer 2

　React 在组件间传递数据的确比较恼火。目前基本上只有通过 props 来传递。所以你必须在 button 和 listitem 共有的父组件上设置 state，再通过传递这个父组件定义事件处理函数来更新状态，通过状态更新来触发子组件的更新