Javascript 如何在渲染时显示不同的组件。我得到注册和登录在同一页 类登录扩展了React.Component{ render（）{ 返回( 登录 报名 ) } }

您需要做的就是在登录组件之外定义注册路由。最好在定义登录路径的同一位置定义它

App.js

class Login extends React.Component {
    render() {
      return (
        <div align='center'>
        <h1>Sign in</h1>
        <input type="email" id="email" placeholder="Email ID" />
        <br/>         
        <input type="password" id="password" placeholder="Password" />
        <br/>          
        <HashRouter>
        <div>
        <Link to="/Signup">
        <button type="button" onClick={this.buttonClicked }> Signup </button>
           </Link>
          <div>
            <Route path="/Signup" component={Signup}/>
          </div>
        </div>
        </HashRouter>
      </div>      
      )
    }
  }

和登录

<HashRouter>
    <Switch>
        <Route path="/login" component={Login} />
        <Route path="/Signup" component={SignUp} />
    </Switch>
</HashRouter>

类登录扩展了React.Component{
render（）{
返回(
登录




报名
)
}
}

谢谢……很高兴能帮助马杜

class Login extends React.Component {
    render() {
      return (
        <div align='center'>
        <h1>Sign in</h1>
        <input type="email" id="email" placeholder="Email ID" />
        <br/>         
        <input type="password" id="password" placeholder="Password" />
        <br/>          
        <div>
           <Link to="/Signup">
              <button type="button" onClick={this.buttonClicked }> Signup </button>
           </Link>
        </div>
      </div>      
      )
    }
  }