反应本机连接到同一页面中的两个redux

Posted

技术标签:

【中文标题】反应本机连接到同一页面中的两个redux【英文标题】:react naive connect to two redux in the same page 【发布时间】:2019-07-26 17:24:54 【问题描述】:

这就是我连接到 RegisterUser redux 的方式 我想连接到另一个 redux

RegisterUser 发送数据到 api 在第二个 redux 中,我想从 api 获取任务,但是当我尝试连接另一个 redux 时,它给了我这个错误

连接组件时,mapstatetoprops 参数的类型对象的值无效

 const mapStateToProps = state => 
return 
   errorid: state.RegisterR.errorid,
    loading: state.RegisterR.loading,
    registersucsess:state.RegisterR.registersucsess



 export default connect(mapStateToProps,  RegisterUser )(Register);






what i try to do something like this const mapStateToProps = state => 
return 
    errorid: state.RegisterR.errorid,
    loading: state.RegisterR.loading,
    registersucsess:state.RegisterR.registersucsess,


    data: state.taskList.data

export default connect(mapStateToProps, fetchTasks, RegisterUser )(Register);

【问题讨论】:

你正在组合你的减速器吗?您能向您的商店展示您设置减速器的位置吗? 当你的意思是another redux你的意思是two different stores 是的,这是两家不同的商店 这应该对您有帮助 medium.com/@azizhk/create-multiple-redux-stores-b77b7359375f 。但强烈推荐阅读这篇***.com/questions/33619775/… 希望是我认为适合您的用例的工作示例codesandbox.io/s/92pm9n2kl4 【参考方案1】:

谢谢大家,我只有一家店

我将我的减速器导入 combineReducers from 'redux';

我想在同一个屏幕上使用两个动作

我设法这样做

const mapStateToProps = state => 
return 
    errorid: state.RegisterR.errorid,
    loading: state.RegisterR.loading,
    registersucsess:state.RegisterR.registersucsess,

    data: state.taskList.data // this is for fetchTasks 

export default connect(mapStateToProps,  RegisterUser ,fetchTasks)(Register);

【讨论】:

以上是关于反应本机连接到同一页面中的两个redux的主要内容,如果未能解决你的问题,请参考以下文章

将 React Redux 连接到 Typescript 中的组件

开发服务器返回响应错误代码:通过安装firebase连接到firebase时反应本机500

在Windows中连接到远程调试器时反应本机超时

如何运行两个反应本机应用程序?

为啥从Android中的本机程序连接到LocalServerSocket时连接被拒绝

连接到 slack api 中的 chat.postMessage 的 CORS 策略错误,标头已设置但未在 React 和 Redux 中设置 [重复]