文件名称:grudges-react-state
文件大小:139KB
文件格式:ZIP
更新时间:2024-06-01 14:57:30
JavaScript
恩怨(前端大师:React State) 我们从使用钩子管理状态的应用程序的基本版本开始。 我们要解决两个问题。 道具钻: Grudges需要接收toggleForgiveness即使它永远不会使用它。 它只是将其传递给了Grudge 。 无需重新渲染:即使我们仅选中一个复选框,所有内容也会重新渲染。 我们可以尝试让React的一些性能助手变得聪明起来,或者我们可以更好地管理状态。 介绍应用程序 打开“组件渲染时突出显示更新”。 React开发人员工具中的功能。 注意选中一个复选框如何重新呈现所有内容。 注意在NewGrudge情况并非如此。 使用减速器 我们可以尝试通过useCallback和React.memo变得更聪明,但是由于我们总是在替换怨恨的数组,所以这永远不会真正解决。 如果我们采用其他方法来管理状态怎么办? 让我们创建一个名为reducer.js的新文件。
【文件预览】:
grudges-react-state-master
----.gitignore(23B)
----package.json(591B)
----package-lock.json(510KB)
----src()
--------NewGrudge.js(828B)
--------index.js(229B)
--------initialState.js(2KB)
--------Application.js(803B)
--------Grudge.js(489B)
--------styles.css(1024B)
--------Grudges.js(359B)
----public()
--------index.html(1KB)
----README.md(15KB)
----.prettierrc(200B)