是的，你完全可以在react中添加和删除元素。您正在寻找 conditional rendering 。

在JSX中使用 && 操作符

return (
  {showElement && <div>Hello</div>}
)

在JSX中使用 ternary 操作符

return (
  {showA ? <div>This is A</div> : <div>This is not A</div>}
)

或者，您可以在 Function Component 主体中的返回之外执行逻辑，例如：

    const isLoggedIn = this.state.isLoggedIn;
    let button;
    if (isLoggedIn) {
      button = <LogoutButton onClick={this.handleLogoutClick} />;
    } else {
      button = <LoginButton onClick={this.handleLoginClick} />;