У меня есть страница приветствия App.js:
import React, { Component } from 'react';
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom';
import Login from './components/Login';
import About from './components/About';
import Datas from './components/Datas';
import { Grid, Row, Col } from 'react-bootstrap';
class App extends Component {
render() {
return (
<Router>
<div className="container">
<h1 className="text-center">Todo List App</h1>
<Grid>
<Row className="show-grid">
<Col xs={6} md={4}>
</Col>
<Col xs={6} md={4}>
<ul className="list-group">
<li className="list-group-item">
<Link to="/login">Login</Link>
</li>
<li className="list-group-item">
<Link to="/about">About</Link>
</li>
<li className="list-group-item">
<Link to="/datas">Datas</Link>
</li>
</ul>
</Col>
<Col xsHidden md={4}>
</Col>
</Row>
</Grid>
<Route exact path="/login" component={Login} />
<Route exact path="/about" component={About} />
<Route exact path="/datas" component={Datas} />
</div>
</Router>
);
}
}
export default App;
Но когда я захожу в Login и после успешного входа в систему хочу перейти на панель инструментов, я хочу, чтобы ссылки / login, / about и / datas исчезали,Является ли это возможным?Beacuase каждый новый файл JS, который я буду создавать наследовать ссылки маршрутизатора и т. Д. Пожалуйста, о помощи / подсказки