小编Seg*_*gev的帖子

我第一次尝试使用路由并遵循Udemy的确切说明：

文件App.js：

import { Route } from "react-router-dom";
import Welcome from "./Pages/Welcome";
import Game from "./Pages/Game";
import Leaderboard from "./Pages/Leaderboard";

function App() {
    return (
        <div>
            <Route path = "/welcome">
                <Welcome />
            </Route>
            <Route path = "/game">
                <Game />
            </Route>
            <Route path = "/leaderboard">
                <Leaderboard />
            </Route>
        </div>
    );
}

export default App;

文件index.js

import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from "./App";

ReactDOM.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>,
    document.getElementById('root')
); …

我的目标非常简单，我想通过使用链接状态将参数从一个页面传递到另一个页面：

发件人页面：

import {Link} from "react-router-dom";
...
<Link className="start" to={{pathname: "/game", state: {string: "something to pass"}}}>
       clickme
</Link>
...

接收者页面：

import {Link, useLocation} from "react-router-dom";
.....
let location = useLocation();
....

但 console.log(location) 一直向我显示空状态：