javascript - 请教react路由写法的问题？

问题描述

问 题

webpack中，按照文档的写法路由不跳转，下面是我的代码：

const App = () => {
  return (
    <div>
      <Link to="/Login">Login</Link>
    </div>
  )
}

const routes = {
  path: '/',
  component: App,
  chidRoutes: [
    {path:'Login', component: 'Login'}
  ]
}

ReactDOM.render(<Router routes={routes} history={hashHistory} />, document.getElementById('root'))
地址栏输入无效，点击链接报错截图：

解决方案

chidRoutes: [
    {path:'Login', component: 'Login'}//这个Login没看到你这路径引入呀
  ]
这样试试呢？
chidRoutes: [
    {path:'/Login',component:require('../login.jsx').default}
]

这篇关于javascript - 请教react路由写法的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！