Javascript 如果使用react js登录成功，则重定向到另一个html页面

我是新来的反应者， 我想知道是否可以使用React js。 例如，我有一个登录模式，我试图编写一个基本脚本，并使用这个代码文档获取输入的de值；但不起作用。请帮帮我，我可以用吗？或

---

怎么做？请原谅我的英语：我也是新手，但想帮忙。 在我的react项目中，我找到了一个很好的解决方案，通过身份验证，我还可以提供facebook、google和更多登录方法，并推荐您尝试，同时还有一个非常好的文档

我认为您应该实现如下内容：

componentDidMount() {
    if (this.state.userLoggedin) {  // you should save in state your logged user
       // actions if user is logged in  
    } else {
       // actions if not user logged in
      }
}

是的，有可能

您不需要使用document.getElementByIdemail；检查方式 与输入一起工作 我建议添加React路由器，它可以帮助您在必要时以正确和优雅的方式重定向用户。 例如：

export default class Login extends React.Component {
constructor(props) {
    super(props);

    this.state = {
      login: '',
      password: '',
    };
    this.onChangeInput = this.onChangeInput.bind(this);
    this.onLogin = this.onLogin.bind(this);
    this.onHandleLogin = this.onHandleLogin.bind(this);
  }

  onHandleLogin() {
    /* using react router you can do this */
    browserHistory.push('/todo');
  }
  onShowLoginError() {
    this.setState({
      showError: true,
    });
  }

  onChangeInput({ target: { value, name } }) {
    this.setState({
      [name]: value,
    });
  }

  onLogin(e) { 
    e.preventDefault();
    /* check here credentials */
    /* I do request to server */
    const init = {
      method: 'POST',
      body: JSON.stringify(this.state),
    };
    /* if login is correct call this.onHandleLogin() */
    sendRequest('login', init, () => {})
      .then(() => this.onHandleLogin())
  }

  render() {
    return (
      <div>
        <h1>Login page...</h1>
        <form>
          <div>
            <label htmlFor="login">User name:</label>
            <input
              type="text"
              name="login"
              value={this.state.login}
              onChange={this.onChangeInput}
            />
          </div>
          <div>
            <label htmlFor="password">Password:</label>
            <input
              type="text"
              name="password"
              value={this.state.password}
              onChange={this.onChangeInput}
            />
          </div>
          <button onClick={this.onLogin}>Log in</button>
        </form>
      </div>
    );
  }
}

---

在这里看到的完整示例

看起来您在问两个不同的问题？我鼓励您浏览React文档，其中。抱歉，非常感谢链接：DHi感谢您的回答，事实上我使用firebase身份验证，但我知道如何成功重定向到其他页面，例如在主页中是登录，如果成功，请将您重定向到AppWeb其他文件或类。您正在使用react路由器吗？我正在测试它，正是为了在你的应用程序中管理路由，请检查