Реагируйте: Как я могу направить на другую страницу, например, «./login» и «./sign_up» как целую страницу

Question

import Sign from './sign.js'`
import Login from './login.js'    
import {BrowserRouter, Link} from 'react-router-dom'

class App extends React.Component{
render(){
return( 
<BrowserRouter>
    <Link to="/login">Login</Link>
    <Link to="/signup">Sign Up</Link>

<Route exact path="/login" >
       <Login />
</Route>
<Route path="/signup">
       <Signup />
</Route>
</BrowserRouter>
)}}
export default App;

Итак, моя проблема в том, что при компиляции этого кода загружается только дочерний компонент. Но вы можете помочь мне понять, как я могу загрузить целую страницу вместо загрузки этих компонентов на одну и ту же страницу.

Я попробовал эти методы, хотя. 1. Попытался создать новую страницу, которая загружает эти две страницы, такие как логин и регистрация. Но это оставляет меня с двумя ссылками, которые я не хочу. 2. Я попытался изменить ссылки, используя вышеуказанный метод для каждого компонента, и загрузил страницу в родительском приложении. Но это дало мне ошибку вычисленного соответствия.

Пожалуйста, я новый ученик, помогите мне.

Answer 1

В более ранней версии React была эта ошибка при обновлении ссылки. Предыдущая версия не обновляла страницу.