使用Redux dispatch切换checkbox状态无响应 状态未更新问题求助

问题根因 #

你编写的handleCompleteClick处理函数没有绑定到checkbox的触发事件上，点击checkbox时不会执行该函数，自然不会派发action、也不会触发Redux状态更新。你可以先验证函数内的console.log("helllo")是否会在点击时打印，没有输出就可以确认是事件绑定缺失问题。

修复代码 #

修改TodoItem.js中的checkbox元素，添加onChange事件绑定即可：

<input 
  type="checkbox" 
  className="mr-3" 
  checked={completed} 
  onChange={handleCompleteClick}
/>

其他可选排查项（修改后仍不生效可逐一检查） #

• Redux store配置中是否正确注册了todoSlice的reducer
• 应用根组件是否使用react-redux的Provider包裹，且正确传入了配置好的store
• 渲染TodoItem列表时，是否正确给每个组件传递了id、title、completed三个props

内容的提问来源于stack exchange，提问作者na ha