Javascript 我是reactjs的新手-希望添加一些条件类来实现

我是reactjs新手-希望添加一些条件类，当我单击

login

时，这些条件类将生效。它向我显示

切换（当前选定）

，与我单击register时相同，它向我显示

切换（当前选定）

登录
登记
{this.state.isLoginOpen&&}
{this.state.isRegisterOpen&}

以下是一个使用导入的css文件和另一个具有内联样式的css文件的示例：

import React，{useState}来自“React”；
导入“/styles.css”；
导出默认函数App（）{
const[isLoginOpen，setIsLoginOpen]=useState（true）；
const[isRegisterOpen，setIsRegisterOpen]=useState（false）；
常量切换=（）=>{
setIsLoginOpen（！isLoginOpen）；
setIsRegisterOpen（！isRegisterOpen）；
}
返回(
切换
{isLoginOpen？登录
：
登录
}
{isRegisterOpen？寄存器
：
寄存器
}
);
}

请详细说明您的prblmif，如果我单击登录，然后在登录中显示切换（边框）&当我当时单击注册时，在注册中显示切换（边框）。。。你明白我的意思了吗？

<div className="box-controller"> 
  <div className={"controller" + (this.state.isLoginOpen ? "selected" : "")} onClick={this.showLoginBox}>
    Login
  </div>

  <div className={"controller" + (this.state.isRegisterOpen ? "selected" : "")} onClick={this.showRegisterBox}>
    Register
  </div>
</div>

<div className="box-container">
  {this.state.isLoginOpen && <Login></Login>}
  {this.state.isRegisterOpen && <Register></Register>}
</div>