React问题总结

1. 事件返回的event.target.value为null 2. 3.

解决方式：在事件中调取e.persist()
React事件处理将接受SyntheticEvent实例,它封装了浏览器原生事件对象，并对浏览器做了兼容
合成事件是池化,SyntheticEvent会被重用，当回调函数被执行后属性也将被销毁，
通俗讲当一个事件响应函数执行过后，事件的属性被设置为 null
因此不能异步访问event

参考：https://zh-hans.reactjs.org/docs/events.html#event-pooling

2.数据修改UI不不渲染

图案：数据嵌套。或者某些数据改变react不响应
解决方式：this.forceUpdate() 强制页面更新

3.Hook组件UI不渲染

原因：react Hook组件是一个纯函数，没有forceUpdata()这个方法
解决方式：自己写一个利用hook中数据更新 会渲染

const useForceUpdate = () => {
    const forceUpdate = useState(0)[1];
    return () => forceUpdate(x => x + 1);
  }
 function Class(){
	const forceUpdate=useForceUpdate ()
	在组件中直接调用
}