xumaozeng

完全可选。无需重写任何已有代码就可以在一些组件中尝试Hook 100%向后兼容。Hook不包含任何破坏性改动 现在可用。Hook发布于v16.8 React没有提供将可复用行为‘附加’到组件的途径(例如，把组件连接到store)，比如render props和高阶组件，但这类方…

1、邮箱校验 2、手机号码 3、空格 检测前后空格 推荐使用Input组件的trim属性(默认开启) 4、密码-passoword 示例：至少包含数字/字母/字符2种组合，长度至少6个字符 5、网址

调用React的render()方法会创建一颗由React元素组成的树，在下一次state、props或context更新时候，相同的render()方法会返回一颗不同的树。React需要基于这两颗树之间的差别来判断如何有效的更新UI以保证当前UI与最新的树保持同步 此方法将在…

what：用Javascript对象表示DOM信息和结构，当状态变更的时候，重新渲染这个Javascript对象结构。这个Javascript对象称为Virtual DOM why：之所以用虚拟dom，是因为DOM操作很慢，轻微的操作都可能导致页面重新排版，非常耗性能。相对于D…

生命周期描述的是组件从创建到卸载的一个完整过程。React提供了一系列生命周期函数，如：初次渲染到DOM中，组件更新完成，组件卸载之前等。 2、static getDerivedStateFromProps(props,state)，该方法用于从props中获取state，在挂…

yield表达式与return语句既有相似之处也有区别。 相似之处在于都能返回紧跟在语句后面的那个表达式的值。 yield表达式本身没有返回值，或者说总是返回undefined。next方法可以带一个参数，该参数就会被上一个yield表达式的返回值 这个功能有很重要的意义，Ge…

react-router包含三个库，react-router、react-router-dom和react-router-native。react-router提供最基本的路由功能，实际使用的时候根据应用运行的环境选择安装react-router-dom(在浏览器中使用)或re…

useReducer是useState的替代方案。它接收一个形如(state, action)=>newState的reducer，并返回当前的state以及配套的dispatch方法 该Hook接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在React…

之所以叫reducer，是和Array.prototype.reduce(reducer, initialValue)里的回调函数属于相同的类型。