老师,课程第8分钟的时候,路由只能有一个子组件,但我有两个并没有报错。
来源:4-1 React 中的前端路由(1)
Raymond0913
2021-01-05 23:16:20
问题描述:
老师这里使用了div来包裹,但我这里没有包裹,路由正常,也没有报错
相关截图:
相关代码:
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中。老师的版本上,不允许路由有两个根组件,同学可以将这个现象记录下来,当做拓展即可。
如果同学想体验一下老师视频中的报错,可以下载源码,利用源码进行测试。
祝学习愉快!
相似问题