当我在活动待办事项过滤器模式下单击任务 1 的复选框时,它也会出于某种原因切换任务 2 的复选框。但是如果我在完成的待办事项按钮之间切换并返回活动的待办事项按钮,它就会消失。
代码沙箱https://stackblitz.com/edit/react-d3n8dv?file=src%2FApp.js
在TodoItem
组件中,您需要checked
在input
复选框中使用defaultChecked
字段而不是字段。和变革onClick
来onChange
为好。
<span>
<input
type="checkbox"
checked={props.isActive}
onChange={() => props.checkBoxHandler(props.todoItem)}
/>
{props.todoItem}
</span>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句