当我更改我的 React 文件时，我的页面不会改变

Question

好的，所以我的代码是工作的，突然它停止改变的页面，当我改变代码，我还在项目的开始，所以我可以重新启动它，但我想知道为什么会发生这种情况。下面是一个示例。一开始是"这是主页"，后来我改成了"请工作"。来测试一下。嗯，它根本不起作用。我已经删除了缓存文件，并试图重新运行服务器(我使用Django作为后端)。

import React, { Component } from 'react';
import { render } from 'react-dom';
import RoomJoinPage from './RoomJoinPage.js';
import CreateRoomPage from './CreateRoomPage';
import { BrowserRouter as Router, Switch, Route, Link, Redirect } from 'react-router-dom';
export default class HomePage extends Component{
constructor(props){
super(props);
}
render(){
return <Router>
<Switch>
<Route exact path='/'><p>Work, please</p></Route>
<Route path='/join' component={RoomJoinPage} />
<Route path='/create' component={CreateRoomPage} />
</Switch>
</Router>

} 
}

Answer 1

我再次启动项目(只是React部分)，我意识到我没有运行命令"npm run dev"这是我插入到package.json中的一个脚本。当我按照教程学习时，我意识到错误，问题就在于此。

Answer 2

你需要改变Router组件的顺序。你需要把main router写到命令的末尾:

import React, { Component } from 'react';
import { render } from 'react-dom';
import RoomJoinPage from './RoomJoinPage.js';
import CreateRoomPage from './CreateRoomPage';
import { BrowserRouter as Router, Switch, Route, Link, Redirect } from 'react-router-dom';
export default class HomePage extends Component{
constructor(props){
super(props);
}
render(){
return <Router>
<Switch>
<Route path='/join' component={RoomJoinPage} />
<Route path='/create' component={CreateRoomPage} />
<Route exact path='/'><p>Work, please</p></Route>
</Switch>
</Router>

} 
}