Jerry__Z

钩子是JavaScript函数，但在使用它们时需要遵循两个规则。我们提供了一个 linter 插件来自动执行这些规则 不要在循环、条件和嵌套的函数中调用Hook。 遵循此规则可以确保每次组件render时都以相同的顺序调用Hook。这是React能在多个useState和use…

可以将useEffect Hook视为componentDidMount，componentDidUpdate和componentWillUnmount的组合。 有时，我们希望在React更新DOM之后运行一些额外的操作。如： 这些操作不需要清理，也就是说可以运行它们并立即忘记…

Hook出来以前，函数组件和无状态组件是等价的，但是Hook出来以后，函数组件也可以有状态了，此时二者并不等价。所以我们现在更喜欢使用函数组件这个名字 什么是Hook？Hook就是一个钩子函数，用Hook就能从函数组件里hook到React state和生命周期。比如useSt…

这个例子上一篇有提到过，这里useState就是一个Hook（待会会讨论什么是Hook）。我们在函数内部调用这个Hook，给组件添加了一个内部state，在re-render的时候React会保留这个state。 useState的唯一的参数是state的初始值。这个初始值不必…

Hooks 是 React 16.8的新特性。使用Hooks，我们不用去写Class也能使用state，还有一些其他的React特性。 useState是我们第一个接触到的Hook，没看懂这个例子也没关系。后面会继续介绍。 你可以在下一页直接开始学习Hooks。在这篇文章中，我…

一般情况在一个正常的dataflow中，父组件总是将data通过props传给子组件，然后子组件re-render。但是有的时候我们想立即修改一个react子组件或一个DOM，那该怎么办呢？ 不要使用ref去做可以声名的事情。比方说不要让Dialog组件暴露open()和clo…