React 重新渲染 todo 数组
React re-rendering todo array
大家好,我正在尝试在最少的教程帮助下自己尝试一个待办事项应用程序,这样我就可以解决问题。我正在使用 React Hooks 并且对为什么在将新的待办事项推送到我的数组后它不会重新渲染感到有点困惑。我需要useEffect吗?我怀疑这可能与数组不可变有关?此外,如果您在 codesandbox 中检查控制台,我会出现奇怪的行为,如果您单击添加待办事项并保持输入不变,它将向数组添加多个待办事项,但是当您输入不同的输入时,它会全部删除并替换它与您输入的当前值。对这些问题的任何帮助都会很棒,这样我就可以继续工作了!
Codesandbox:https://codesandbox.io/s/musing-einstein-2n121?file=/src/interface.js
您需要将待办事项存储在状态中以便组件重新呈现,
试试这个:
https://codesandbox.io/s/nervous-goldberg-t3kn3?file=/src/interface.js
大家好,我正在尝试在最少的教程帮助下自己尝试一个待办事项应用程序,这样我就可以解决问题。我正在使用 React Hooks 并且对为什么在将新的待办事项推送到我的数组后它不会重新渲染感到有点困惑。我需要useEffect吗?我怀疑这可能与数组不可变有关?此外,如果您在 codesandbox 中检查控制台,我会出现奇怪的行为,如果您单击添加待办事项并保持输入不变,它将向数组添加多个待办事项,但是当您输入不同的输入时,它会全部删除并替换它与您输入的当前值。对这些问题的任何帮助都会很棒,这样我就可以继续工作了!
Codesandbox:https://codesandbox.io/s/musing-einstein-2n121?file=/src/interface.js
您需要将待办事项存储在状态中以便组件重新呈现,
试试这个:
https://codesandbox.io/s/nervous-goldberg-t3kn3?file=/src/interface.js