React知识图谱
? contextType:只能用在类组件,只能订阅单一的context来源 ? useContext:只能用在函数组件或者自定义hook中 ? Context.Consumer
规则1:不要在循环,条件或嵌套函数中调用 Hook, 确保总是在你的 React 函数的最顶层调用他们。规则2:只能在函数组件或者自定义hook中使用hook函数。
? createStore 创建store ? reducer 初始化、修改状态函数 ? getState 获取状态值 ? dispatch 提交更新 ? subscribe 变更订阅 ? 常见中间件 ? 异步 ? redux-thunk:使用简单,但是容易形成“嵌套地狱” ? redux-saga:使用“复杂”,但是能够用同步的方式实现异步,内部使用了generator函数,比async await功能更丰富 ? redux-observable:基于rxjs,学习成本较高 ? 状态更新日志 ? redux-logger ? 处理promise ? redux-promise
? observable
? observer HOC ? 返回响应式组件,它可以自动追踪哪个可观察量被使用了以及当值改变的时候自动重新渲染这个组件。 ? Observer component ? 只能使得它自己的返回组件是响应式的,如果你里面还嵌套了别的组件,那这个里面的组件得靠自己变成响应式~ ? useObserver hook ? 优点:任何的hook改变observable,组件都不会重复渲染。 ? 缺点:就算是在组件的某一部分使用,但是却能引起组件的全部更新~,所以慎用,如果想要精细控制的话,还是要选择或者useForceUpdate。
? action ? 建议对任何修改 observables 或具有副作用的函数使用action。 结合开发者工具的话,动作还能提供非常有用的调试信息。
? children:func ? 不管与path匹配与否都渲染 ? component:component ? 匹配才会渲染 ? render:func ? 匹配才会渲染
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。