【问题标题】:React re-rendering todo array反应重新渲染待办事项数组
【发布时间】:2020-10-03 04:13:08
【问题描述】:

大家好,我正在尝试自己尝试一个待办事项应用程序,只需要很少的教程帮助,这样我就可以完成任务。我正在使用反应钩子,并且有点困惑为什么在将新的 todo 推送到我的数组后它不会重新渲染。我需要useEffect吗?我怀疑这可能与数组不可变有关?此外,如果您在代码和框中检查控制台,我会遇到奇怪的行为,如果您单击添加待办事项并保持输入不变,它将向数组添加多个待办事项,但是当您输入不同的输入时,它会全部删除并替换它与您输入的当前值。任何有关这些问题的帮助都会很棒,所以我可以继续工作!

代码沙盒:https://codesandbox.io/s/musing-einstein-2n121?file=/src/interface.js

【问题讨论】:

    标签: javascript reactjs rendering


    【解决方案1】:

    您需要将待办事项存储在状态中以便组​​件重新渲染,

    试试这个:

    https://codesandbox.io/s/nervous-goldberg-t3kn3?file=/src/interface.js

    【讨论】:

    • 哦,是的,这太完美了。仍在学习反应的来龙去脉,忘记了设置时状态重新渲染的那部分。谢谢! :)
    猜你喜欢
    • 1970-01-01
    • 2023-02-16
    • 1970-01-01
    • 2021-01-29
    • 2020-06-14
    • 2020-03-08
    • 2020-07-04
    • 2018-12-27
    • 2018-09-19
    相关资源
    最近更新 更多