老师,课程第8分钟的时候,路由只能有一个子组件,但我有两个并没有报错。

来源:4-1 React 中的前端路由(1)

Raymond0913

2021-01-05 23:16:20

问题描述:

老师这里使用了div来包裹,但我这里没有包裹,路由正常,也没有报错

相关截图:

http://img.mukewang.com/climg/5ff482770950bcf307180274.jpg

http://img.mukewang.com/climg/5ff48294098e87fc05750244.jpg

相关代码:

​import React, { Component } from 'react';
import ReactDom from "react-dom";
import 'antd/dist/antd.css';
import {BrowserRouter, Route} from 'react-router-dom';

import Test from "./Test"
import NewBotton from "./newbotton"

class Entry extends Component {
render () {
return (
<BrowserRouter>
<Route path="/test" component={Test}/>
<Route path="/botton" component={NewBotton}/>
</BrowserRouter>
)
}
}

ReactDom.render(<Entry />,document.getElementById('root'))


写回答

1回答

好帮手慕久久

2021-01-06

同学你好,由于react、react路由等插件在不断的更新,所以不同的版本的路由使用方式、报错信息等内容会有差异。如果同学那里,路由允许有多个根组件,并且项目不报错,那么同学就不用将路由都包裹在一个div中。老师的版本上,不允许路由有两个根组件,同学可以将这个现象记录下来,当做拓展即可。

如果同学想体验一下老师视频中的报错,可以下载源码,利用源码进行测试。

祝学习愉快!

0

0 学习 · 10739 问题

查看课程