点击顶部的待办事项会导致底部的待办事项也被点击

三角洲五

单击待办事项 1 之前

单击待办事项 1 后

当我在活动待办事项过滤器模式下单击任务 1 的复选框时,它也会出于某种原因切换任务 2 的复选框。但是如果我在完成的待办事项按钮之间切换并返回活动的待办事项按钮,它就会消失。

代码沙箱https://stackblitz.com/edit/react-d3n8dv?file=src%2FApp.js

卡文杜·温迪卡

TodoItem组件中,您需要checkedinput复选框中使用defaultChecked字段而不是字段。和变革onClickonChange为好。

      <span>
        <input
          type="checkbox"
          checked={props.isActive}
          onChange={() => props.checkBoxHandler(props.todoItem)}
        />
        {props.todoItem}
      </span>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章