函数组件中不能拥有自己的状态（state）。在hooks之前函数组件是无状态的，都是通过props来获取父组件的状态，但是hooks提供了useState来维护函数组件内部的状态。 函数组件中不能监听组件的生命周期。useEffect聚合了多个生命周期函数。 class组件中生…

我 fork 了一份 16.8.6 版本的代码，并且会为读过的代码加上详细的中文注释。等不及我文章的同学可以先行阅读 我的仓库，并且在阅读本系列文章的时候也请跟着阅读我注释的代码。因为版本不同可能会导致代码不同，并且我不会在文章中贴上大段的代码，只会对部分代码做更详细的解释，其…

React是一个构建用户界面的js库,从UI=render()这个等式中就很好的映射了这一点,UI的显示取决于等式右边的render函数的返回值. 因为在render方法中声明样式化组件，每次都会动态渲染创建一个新的组件。这意味着React必须在每个后续渲染中丢弃并重新计算DO…

Hook 出来后，相信很多小伙伴都自己跃跃欲试，对于喜欢用react的，又喜欢Hook的，本篇文章将会与你一起玩转Hook。 useEffet 我们可以理解成它替换了componentDidMount, componentDidUpdate, componentWillUnmo…

React高阶组件高阶组件1.认识高阶函数2.高阶组件的定义3.高阶组件应用场景4.高阶组件的意义4.ref的转发(获取函数式组件DOM)PortalsPortals的使用FragmentFragme

本文接下来将深入源码，带你了解这些知识。 这，就是关于useEffect的一切。 其中，只有渲染器会执行渲染视图操作。 对于浏览器环境来说，只有渲染器会执行类似appendChild、insertBefore这样的DOM操作。 答案是：他会为需要更新的内容对应的fiber（可以…

这里，React 组件也可以订阅到 context 变更。这能让你在 函数式组件 中完成订阅 context 由于在表单元素上设置了 value 属性，因此显示的值将始终为 this.state.value，这使得 React 的 state 成为唯一数据源。 select标签…

在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 如果需要把大量的 props 传递到一个组件中，那么很有可能 该组件可再进一步拆分。 问题来了，“大量” 具体是多少呢？答案是 看情况。 像函数一样，一个组件应该只做好一件事，所以考虑下 将组件拆分成多个小组件是否…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…