Question

我试图在单击按钮时更改页面。从以下代码中，当我单击该按钮时，我得到的只是一个空白页面。

home.js

import React from "react";
import {useHistory} from "react-router-dom";
function Home() {
    const history = useHistory();

    const routeChange = () => {
        let path = `./sponsorSignUp`;
        history.push(path);
    }

    return (
           <button className="btn btn-light font-weight-bold" onClick={routeChange}>Sign Up</button>)
export default Home;

App.js

import React from "react";
import './App.css';
import {BrowserRouter as Router, Link, Route, Switch} from "react-router-dom";
import Home from "./Pages/home";
import sponsorSignUp from "./Pages/sponsorSignUp";

function App() {
    return (
        <Router>
            <section className="container">
                <Link exact to="/"/>
            </section>
            <Switch>
                <Route exact path="/" component={Home}/>
                <Route path="./sponsorSignUp" component={sponsorSignUp}/>
            </Switch>
        </Router>
    );
}

export default App;

结构 file structure

Answer 1

在这种情况下，react 无法支持它，所以这就是您可以使用此代码的原因。这是一个反应错误，您可以通过使用它轻松解决它。 setTimeout(() => { window.location.reload() }, 1000);

无法通过单击按钮 React 来更改页面

1 个答案: