小编Mis*_*ter的帖子

React JS React-router-dom 导航不工作

我尝试在登录我的 React 应用程序后重定向用户,但导航不起作用,我不知道为什么......

这是我的代码,感谢您的帮助

import React, { Component } from "react";
import {Route, Navigate} from 'react-router-dom';
import Bouton from "../components/Bouton";

class Dallan extends Component{
    logout = () =>{
        localStorage.removeItem('logged');
        return <Navigate to= '/login' />;
    }
    render(){
        return(
            <Bouton typeBtn = 'btn-danger' click={() => this.logout()}>Deconnexion</Bouton>
        )
    }
}

export default Dallan;
Run Code Online (Sandbox Code Playgroud)

在我的 App.js 中


function App() {
  let session = localStorage.getItem('logged');
  return (
    <BrowserRouter>
    <Routes>
    <Route path="/" element={session ? <Navigate to="/dallan" /> : <Login/>} />
       <Route path='/dallan' element={<Dallan/>}/>
    </Routes>
    </BrowserRouter>
 
  ); …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-router-dom

9
推荐指数
1
解决办法
4万
查看次数

标签 统计

react-router ×1

react-router-dom ×1

reactjs ×1