reactjs - 如何使用 <Link> react 路由器?

标签 reactjs react-router

我正在使用reactjs和react router。 我已将路由器创建为:

ReactDOM.render(
  <Router history={browserHistory}>  
    <Route exact path="/" component={App} />
    <Route path="/:id" component={User} />
  </Router>,
  document.getElementById('root')
);

在应用程序组件中,我有一个指向 "/:id" 路径的链接:

<Link to={'/'+id} >

当我在“/” route 时,我的 View 工作正常,但现在当我单击链接时,路径发生变化,我的 View 瞬间发生变化,然后在应用程序组件中给出错误(它是另一条路线)。

我使用"react-router": "^2.8.1"。

PS: the error is in the setinterval function in the component {App}.

感谢您提前提供的帮助

最佳答案

尝试在顶部使用它:

import { Link } from 'react-router-dom'

引用这个:https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/Link.md

关于reactjs - 如何使用 <Link> react 路由器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46421496/

相关文章:

javascript - React-Router 使用 jQuery 浏览路由

javascript - React 路由器仅在按下后退按钮时起作用

javascript - React-router 4 滚动恢复可防止 anchor 链接的 native 行为

javascript - 如果使用多个导入而不是一个命名导入,是否会有性能成本

javascript - react typescript 元素类型

javascript - 向 reducer 添加功能

javascript - React 滚动到底部仅在第一次有效(内部演示)

javascript - 如何通过 onclick 按钮事件 React Material UI 获取 TextField 值

javascript - 具有改变 redux 状态的原型(prototype)的数组

javascript - Router 6 - 从父组件调用子组件函数