时间戳

首页 > 解决方案 > 如何将视图上的道具传递给 redux 连接的反应组件？

reactjs - 如何将视图上的道具传递给 redux 连接的反应组件？

问题描述

我有一个名为 Paginate 的组件，它从 redux 接收状态，我想在视图上正常传递一个道具来改变他的行为取决于哪个页面调用它，道具永远不会出现我已经尝试将组件传递给类并且不工作。

代码在这里：https ://codesandbox.io/s/paginate-redux-test-tqi5d

      <Provider store={store}>

          <div className="row text-center">
            <Paginate mode="search" />
          </div>

          <div className="row text-center">
            <Paginate mode="report" />
          </div>

      </Provider>

在 view.js = undefined

      console.log(props.mode);

标签： reactjsreduxreact-redux

解决方案

检查这个https://codesandbox.io/s/paginate-redux-test-694ev

您传递给Paginate组件的道具没有出现的原因是因为您mergeProps在连接组件时正在使用。如果是这样，您必须将ownProps（mergeProps 函数的第三个参数）显式传递给返回的对象。

https://github.com/reduxjs/react-redux/blob/master/docs/api/connect.md#mergeprops-stateprops-dispatchprops-ownprops--object

推荐阅读