list页面无法访问

来源:10-1 Router概念

慕无忌0079048

2017-12-11

版本为: "react-router": "^4.2.0", "react-router-dom": "^4.2.2"


router.js文件为:

import React from 'react';

import ReactDom from 'react-dom';

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


import Index from './index';

import ComList from './components/list';


export default class Root extends React.Component {

render() {

console.log(Switch);

return (

<BrowserRouter >

<Switch>

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

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

</Switch>

</BrowserRouter>

);

}

}


ReactDom.render(

<Root />,

document.getElementById('example')

);


写回答

1回答

Parry

2017-12-11

外部包裹怎么写的?

更新课程的源码在这里 https://github.com/ParryQiu/IMOOC-React/blob/master/react-router-4_webpack-2/src/js/root.js

0
5
a大师兄100
回复
慕无忌0079048
怎么解决的?
2018-07-11
共5条回复

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

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

2768 学习 · 2126 问题

查看课程