React / Immutable.js 踩坑记录(一) / 有关setState与React事件

有关setState

一、setState是异步的，想要在setState之后立刻得到state中的值，需要使用回调函数

二、setState会引起一次渲染(render)，所以可以在render或者componentWillUpdate中截获state的改变，注意render发生在setState回调函数执行前，同时在componentWillUpdate / componentWillReceiveProps进行setState是不会引起重复的渲染的，是安全且不会影响性能的

三、在react中不一定非要setState才能改变state中的值，直接进行赋值同样可以改动state中的值，但是不会引起渲染，所以这次改变不会立刻反馈到组件上，直到下一次render。所以state中的计数值（与组件渲染无关的值）不应使用setState引起render（虽然是不会更新组件的，但是同样消耗比较的性能），或者利用这个特性可以对深层数组进行赋值，再引起一次render（调用forceUpdate 或者 setState）

四、setState是只针对一层进行合并的，所以若变更深层数组，是不会得到正确结果的

五、replaceState是完整的替换State，会把不存在nextState里的所有参数全部销毁

有关React事件

一、react的合成事件无法用原生方式取消冒泡，因为react的所有事件都是通过绑定在document上委托进行的，在阻止冒泡前已经传递到了顶端了，这时要使用 e.nativeEvent.stopImmediatePropagation() 或者 e.stopImmediatePropagation() [阻止在当前事件上之外触发任何事件]

二、要是你实在解决不了，可以使用原生事件进行绑定，但是不符合react精神噢

---

你可以参考一下作者写的react-demo，比起看文档，还不如上手写TM的代码

https://github.com/xxx407410849/reactDemo