与 useEffect 几乎相同,但不延迟。

时间:2021-06-08 14:43:50
【文件属性】:
文件名称:与 useEffect 几乎相同,但不延迟。
文件大小:43KB
文件格式:ZIP
更新时间:2021-06-08 14:43:50
Awesome React Hooks useAction 与 useEffect 几乎相同,但不延迟。 为什么要使用Action? 与 componentDidMount 和 componentDidUpdate 不同,传递给 useEffect 的函数在布局和绘制之后,在延迟事件期间触发。 这使它适用于许多常见的副作用,例如设置订阅和事件处理程序,因为大多数类型的工作不应该阻止浏览器更新屏幕。 来自 React 文档。 但是 useAction 可以在 useAction 被调用后立即执行动作函数。 示例 useEffect function Foo(props) { ref = useRef(null) useEffect(() => { ref.current = 'initialized' }, []) console.log(ref.current) // -> null return null } useAction function Foo(props) { ref = useRef(null) useAction(() => { ref.current = 'initialized' }, []) cons
【文件预览】:
use-action-master
----.gitignore(2KB)
----package.json(595B)
----src()
--------index.ts(981B)
----gulpfile.js(340B)
----LICENSE(1KB)
----tsconfig.json(319B)
----README.md(973B)
----.idea()
--------misc.xml(174B)
--------vcs.xml(180B)
--------use-action.iml(458B)
--------modules.xml(272B)
----.yarnrc(39B)
----yarn.lock(98KB)

网友评论