React JS 显示和隐藏

Question

我有一个用于两种类型用户的注册页面作为选项卡，因此当我单击一种用户时，应隐藏另一种用户并显示单击的用户选项卡。 我尝试了 useState，并且隐藏有效，但未呈现所需的用户表单。 我确定我在这里遗漏了一些东西。

const [customerForm, setCustomerForm] = useState(true);
const [feForm, setFEForm] = useState(false);

  const FEToggle = () =>{

    customerForm ?  setCustomerForm(false)  : setCustomerForm(true)
    feForm ? feForm(false): setFEForm(true)
    

  }

  const CTRToggle = () =>{

    feForm ?  setFEForm(false)  : setFEForm(true)
    customerForm ? setCustomerForm(false): setCustomerForm(true)
    

  }

  <button type="button"  onClick={() => {FEToggle()}}>
  <i className="fa fa-building" />
  Financial Enterprise
  </button>
  <button type="button"  onClick={() => {CTRToggle()}}>
  <i className="fa fa-user" />
  Customer
  </button>

Answer 1

feForm ? feForm(false): setFEForm(true)

改成

feForm ? setFEForm(false): setFEForm(true)

Answer 2

更改FEToggle和CTRToggle方法

const FEToggle = () => {
  setCustomerForm(prev => !prev)
  setFEForm(prev => !prev)
}

const CTRToggle = () => {
  setCustomerForm(prev => !prev)
  setFEForm(prev => !prev)
}