<Route component={ComList} path='/list'></Route>无法访问

来源:10-1 Router概念

慕无忌0079048

2017-12-07

http://img.mukewang.com/szimg/5a28fbcc0001e38714271112.jpg


router.js文件内容如下(该文件路径src/router.js):

import React from 'react';

import ReactDom from 'react-dom';

import { BrowserRouter, Route } from 'react-router-dom';


import Index from './index';

import ComList from './components/list';


export default class Root extends React.Component {

render() {

console.log(Index);

return (

<BrowserRouter >

<div>

<Route component={Index} path='/'></Route>

<Route component={ComList} path='/list'></Route>

</div>

</BrowserRouter>

);

}

}


ReactDom.render(

<Root />,

document.getElementById('example')

);


写回答

2回答

Parry

2017-12-07

添加 exact 参数。
<Route exact component={Index} path='/'></Route>

0
3
慕无忌0079048
回复
Parry
这样也是不行的, 这个版本和您课上用的有点区别 "react-router": "^4.2.0", "react-router-dom": "^4.2.2",
2017-12-08
共3条回复

Parry

2017-12-07

你 list 的路由定义在哪里?

0
1
慕无忌0079048
路由定义已经贴在上面了 问题重新描述一下:path不是跟目录'/'则无法访问,详细描述如下: 如果路由定义为: 则{ComList}访问不了,而{Index}可以访问 如果路由定义为: 则{ComList}可以访问,而{Index}访问不了
2017-12-07
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程