在事件处理程序函数中传递值后，操作调度不起作用

Question

我正在学习redux和mock老师的代码，我只是做了一点更改，但我不知道为什么它不能工作，我想尝试很多方法来调整它，但它太少了，太尝试了，没有任何地方可以开始。下面是导致错误的代码，我想是因为我在其中写了一点东西，项目就无法工作了。下面是Dan Abramov的https://embed.plnkr.co/github/eggheadio-projects/getting-started-with-redux/master/23-react-redux-extracting-container-components-visibletodolist-addtodo?show=script,preview版本

const Deeplists = ({ store }) => {
const [_, forceUpdate] = React.useReducer((x) => x + 1, 0);
store.subscribe(forceUpdate);
return (
<Lists
todos={deepertodos(
store.getState().todos,
store.getState().visibilityFilter
)}
onTodoClick={id=> store.dispatch({ type: "TOGGLE_TODO", id })}
/>
);
};

这是我的项目链接：https://codepen.io/nutkin/pen/PopOamN?editors=0010

Answer 1

您需要避免使用store.dispatch方法并替换为connect