

当我在active todo filter模式下单击Task 1的复选框时,出于某种原因,它也会切换Task 2的复选框。但是,如果我在已完成的待办事项按钮之间切换,并返回到活动的待办事项按钮,它就会消失。
代码沙盒https://stackblitz.com/edit/react-d3n8dv?file=src%2FApp.js
发布于 2021-09-04 06:46:08
在TodoItem组件中,您需要在input复选框中使用checked字段,而不是defaultChecked字段。并将onClick更改为onChange。
<span>
<input
type="checkbox"
checked={props.isActive}
onChange={() => props.checkBoxHandler(props.todoItem)}
/>
{props.todoItem}
</span>https://stackoverflow.com/questions/69052863
复制相似问题