首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >单击顶部的Todo会同时单击底部的todo

单击顶部的Todo会同时单击底部的todo
EN

Stack Overflow用户
提问于 2021-09-04 06:12:54
回答 1查看 38关注 0票数 1

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-04 06:46:08

TodoItem组件中,您需要在input复选框中使用checked字段,而不是defaultChecked字段。并将onClick更改为onChange

代码语言:javascript
运行
复制
      <span>
        <input
          type="checkbox"
          checked={props.isActive}
          onChange={() => props.checkBoxHandler(props.todoItem)}
        />
        {props.todoItem}
      </span>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69052863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档