React Router无法传递参数

范德罗

我正在为我的项目使用React Router,但无法弄清楚为什么不能将参数传递到Url中。

在这里,我定义了路线:

render(
  <Provider store={store}>
      <Router history={browserHistory}>
          <Route path="/" component={App}>
              <Route path="home" >
                  <Route path="editor/:id" component={EditorContainer}/>
              </Route>
          </Route>
      </Router>
  </Provider>,
  document.getElementById('root')
);

在我的组件中,我有这行:

<Link to="/home/editor/:id" params={{id: elem.id}}
                                                 onClick = {onOpen}>{elem.title} </Link>

在EditorContainer中打开我的元素

它可以在我的EditorContainer中正确打开它,但网址是这样的:

http://localhost:8080/home/editor/:id

而不像例如:

http://localhost:8080/home/editor/1234

你能告诉我我做错了什么吗?

努尔·萨穆尔

将组件更改为:

var link='/home/editor' + elem.id;
<Link to={link} />

您可以检查React-Router Link以获取有关Link组件的更多信息

这应该有帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React-Router:无法传递上下文

来自分类Dev

在React Router中传递其他参数

来自分类Dev

ReactJS React Router参数

来自分类Dev

React-Router和Meteor在刷新时无法使用参数渲染路由

来自分类Dev

使用React Router的多个参数

来自分类Dev

在React Router中,使用浏览器历史记录推送时如何传递路由参数?

来自分类Dev

React Router-使用组件参数并将prop传递给渲染的组件吗?

来自分类Dev

用React Router传递道具

来自分类Dev

React Router中的多个参数

来自分类Dev

无法将参数传递到React处理函数中

来自分类Dev

无法在onclick事件处理程序中传递参数-React

来自分类Dev

使用React Router的多个参数

来自分类Dev

将路径参数传递给Switch中Route的render()函数-React Router

来自分类Dev

React Router:无法识别位置“ /”?

来自分类Dev

如何使用React Router v6将参数传递给链接?

来自分类Dev

在react-router-dom链接中传递参数不能正常工作

来自分类Dev

React-Router 5.2无法从URL获取参数

来自分类Dev

无法在react-native中使用this.handleChange传递事件参数

来自分类Dev

React Router将路由参数从父级传递到子级

来自分类Dev

通过React Router传递参数

来自分类Dev

React Router传递参数。如何?

来自分类Dev

无法设置React-Router

来自分类Dev

在React Router中传递可选参数

来自分类Dev

无法将多个参数传递给 React 中的 handleChange

来自分类Dev

React-Router v4 - 将参数传递给 withRouter

来自分类Dev

React Router V4 - 无法在道具中获取 URL 参数

来自分类Dev

无法在 react-router-dom 中将道具传递给路由器

来自分类Dev

无法通过 React Router 传递道具

来自分类Dev

传递参数 onClick,React

Related 相关文章

热门标签

归档