javascript - 使用功能挂钩反应 Redux（无法访问道具上的动作创建者方法）

Question

我很难调试这个问题，Redux 商店似乎没有连接到 React 组件。下面是包含整个代码的代码框链接；

https://codesandbox.io/s/crisil-tp7pv?file=/src/TestComponent.js

真的很抱歉，但我无法在此处添加整个代码，因为有多个样板代码/文件。

具体来说，我在以下函数中遇到问题，即调用props.saveTask()不起作用或props.actionCreator()

const stopTimer = () => {
    clearInterval(timerId);
    props.saveTask(task);
    setTask((prevState) => {
      return { ...prevState, timeField: 0 };
    });
  };

我可能做错了什么？

标签： javascriptreactjsreduxreact-redux

Answer 1

您正在导入组件而不是导入CONNECTED组件：

// The connected component is in default import
export default connect(null, { saveTask })(TestComponent);

// should be
import TestComponent from "./TestComponent";

// instead of
import { TestComponent } from "./TestComponent";

也是如此TaskLists。