无意识设计-复盘React Hook的创造过程 about blog HOT 12 OPEN

函数组件应为 functional component

from blog.

@pengx17 感谢回复。
之所以用了function component，是参照了React 官网的叫法。https://reactjs.org/docs/hooks-state.html#hooks-and-function-components

from blog.

确实术语React这边是叫function component 👍 。
内容蛮好的，还没消化完。感觉如果可以对照一下源码就好了

from blog.

//通过闭包的方式，实现队列在不同函数中的共享。前提是每次用的dispatch函数是同一个
const dispatch = dispatchAction.bind(null, queue);
return [hook.memoizedState, dispatch]

这里是不是还要进行一次赋值 queue.dispatch = dispatch ？

因为我在后面看到有直接用 queue.dispatch 但是没有赋值。

from blog.

//通过闭包的方式，实现队列在不同函数中的共享。前提是每次用的dispatch函数是同一个
const dispatch = dispatchAction.bind(null, queue);
return [hook.memoizedState, dispatch]

这里是不是还要进行一次赋值 queue.dispatch = dispatch ？

因为我在后面看到有直接用 queue.dispatch 但是没有赋值。

是的，源码这块是有的，的确忽略了。
虽然是伪代码，但你说的这句还是应该加上的，感谢反馈

from blog.

确实术语React这边是叫function component 👍 。
内容蛮好的，还没消化完。感觉如果可以对照一下源码就好了

我基本上是把源码里的核心代码摘出来了，这样比较简单易读。
源码加了太多fiber的逻辑，过于晦涩容易让人望而却步

from blog.

值得读一遍以上的好文。

from blog.

好文，理解Hooks看这篇够了

from blog.

很棒的文章，配合Dan Abramov的这篇文章一起食用，效果好极了

from blog.

这里岂不是违反了hooks的规则，在条件语句中使用了hooks,导致hooks的顺序错乱？

from blog.

这里岂不是违反了hooks的规则，在条件语句中使用了hooks,导致hooks的顺序错乱？

规则只说定义不能在条件语句里定义，并没有说使用有此限制

from blog.

在条件语句中使用可能会使hooks的调用顺序发生改变

from blog.