Reactjs 如何使用onClick转到另一个页面？ 从“React”导入React； 导入“/LogIn.css”； 类登录扩展了React.Component{ 注册（）{ 窗口。位置。替换（“注册”）； } render（）{ 返回( 特雷略 登录到Trello 登录 ----------------------------------------------- 无法登录？ 注册帐户 ) } } 导出默认登录；

当我单击时，这个.signUp方法应该将我重定向到主机：3000/signUp页面。我该怎么办？当我点击文本“注册帐户”时，它会将我重定向到注册页面

谢谢

您应该使用

从“React”导入React；
导入“/LogIn.css”；
类登录扩展了React.Component{
注册（）{
window.location.href=“注册”；
}
render（）{
返回(
特雷略









登录到Trello







登录

-----------------------------------------------
无法登录？
注册帐户
)
}
}
导出默认登录；

为什么不直接使用链接？使用或

window.location.href

history.push（“/page name”）

如果您不想重新加载页面。

window.location.href

如果您想让浏览器重新加载页面。我这样做了，当我单击文本时，地址变为localhost:3000/signup，但在浏览器中没有其他更改。我这样做了，当我单击文本时，地址变为localhost:3000/signup，但在电子浏览器。

import React from "react";
import "./LogIn.css";

class LogIn extends React.Component{

    signUp(){
        window.location.replace("signup");
    }
    render(){
        return (
            <div>
                <div>
                <header className="Trello-header">Trello</header>
                </div>
                <br /><br /><br /><br /><br /><br />
                <div className="LogInBox">
                    <center>Log in to Trello</center>
                    <br /><br />
                    <center><input class="Email" type="text" placeholder="Enter email"></input></center><br />
                    <center><input class="Password" type="text" placeholder="Enter password"></input></center><br />
                    <center><button type="button" class="block">Log In</button></center><br />
                    -----------------------------------------------
                    <span>Can't log in?</span>
                    <span>&nbsp; &nbsp; &nbsp;</span>
                    <span onClick={this.signUp}>Sign up for an account</span>
                </div>
            </div>
        )
    }
}
export default LogIn;

import React from "react";
import "./LogIn.css";

class LogIn extends React.Component{

    signUp(){
        window.location.href = "signup";
    }
    render(){
        return (
            <div>
                <div>
                <header className="Trello-header">Trello</header>
                </div>
                <br /><br /><br /><br /><br /><br />
                <div className="LogInBox">
                    <center>Log in to Trello</center>
                    <br /><br />
                    <center><input class="Email" type="text" placeholder="Enter email"></input></center><br />
                    <center><input class="Password" type="text" placeholder="Enter password"></input></center><br />
                    <center><button type="button" class="block">Log In</button></center><br />
                    -----------------------------------------------
                    <span>Can't log in?</span>
                    <span>&nbsp; &nbsp; &nbsp;</span>
                    <span onClick={this.signUp}>Sign up for an account</span>
                </div>
            </div>
        )
    }
}
export default LogIn;