React JS，无法使用调度钩子更新Redux状态

Question

我的反应代码包含输入字段，如果我在输入字段中输入文本，则redux状态会更新并在同一组件中显示结果，但我的调度功能会出错。我的调度功能无法与适当的动作功能连接。

请验证我的密码

我已将代码复制到CodeSandbox

https://codesandbox.io/s/peaceful-currying-hjwur?file=/src/App.js

• useSelector（）挂钩对我来说很好用，即我能够访问redux存储*

Answer 1

问题在于此调用dispatch(rootAction.loginAction.loginUser(userName))上，而rootAction具有loginAction，但loginAction是一个函数，不是具有loginUser的对象，因为它是默认导出。

将其更改为dispatch(rootAction.loginAction(user_name));，它应该可以工作。

Answer 2

您要将loginUser导入rootActions.js并将其重命名为loginActions，因此很混乱。

将Header.js的第10行更改为

dispatch(rootActions.loginAction(user_name));

将使其按预期工作。