Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应路由器不使用Redux,不接收道具_Reactjs_Redux_React Router_Jsx - Fatal编程技术网

Reactjs 反应路由器不使用Redux,不接收道具

Reactjs 反应路由器不使用Redux,不接收道具,reactjs,redux,react-router,jsx,Reactjs,Redux,React Router,Jsx,我正在尝试将react路由器v4与redux连接,但它不起作用。如文档所述,我正在使用路由器的,,但我的路由组件中没有道具。有什么想法吗 这是我的密码: index.js 从“React”导入React; 从'react dom'导入{render}; 从“react Router dom”导入{BrowserRouter as Router}; 从“redux”导入{createStore,applyMiddleware}; 从'react redux'导入{Provider}; 从“reac

我正在尝试将react路由器v4与redux连接,但它不起作用。如文档所述,我正在使用路由器的
,但我的路由组件中没有道具。有什么想法吗

这是我的密码:

index.js

从“React”导入React;
从'react dom'导入{render};
从“react Router dom”导入{BrowserRouter as Router};
从“redux”导入{createStore,applyMiddleware};
从'react redux'导入{Provider};
从“react router redux”导入{routerMiddleware};
从“redux logger”导入{createLogger};
从“redux thunk”导入thunk;
从“历史记录/createBrowserHistory”导入createHistory;
const history=createHistory();
const logger=createLogger();
常量中间件=[
砰,
路由器管理软件(历史记录)
];
if(process.env.NODE_env===‘development’){
推送(记录器);
}
//创建存储
const store=createStore(
减速器,
applyMiddleware(…中间件)
);
渲染(

由于您使用的是react router v4,因此需要使用react router redux v5

这将使用不同的npm包来响应安装了以下设备的路由器redux:

npm install --save react-router-redux@next
然后,路由缩减器应该在组合缩减器中具有路由器密钥(非路由)

然后需要使用ConnectedRouter并传入历史对象,如下所示

render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <App />
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);
渲染(
,
document.getElementById('root'))
);

您应该像这样将道具传递给home组件,使其在那里可用

<Route path={routes.HOME} exact component={(props)=><Home {...props} newProps={value you want to pass}/> }/>
}/>

什么不起作用?我的路线组件中没有道具。你能展示其中一个没有收到道具的吗?我更新了帖子。你得到了所有道具:)有什么问题?