隐藏或显示react组件类中的元素

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isHidden: true
    };
  }

  toggleVisibility() {
    this.setState(prevState => ({
      isHidden: !prevState.isHidden
    }));
  }

  render() {
    return (
      <div>
        <button onClick={() => this.toggleVisibility()}>
          切换可见性
        </button>
        {this.state.isHidden ? <p>这个元素被隐藏了</p> : <p>这个元素被显示了</p>}
      </div>
    );
  }
}

render() {
  return (
    <div>
      <button onClick={() => this.toggleVisibility()}>
        切换可见性
      </button>
      {this.state.isHidden && <p>这个元素被隐藏了</p>}
    </div>
  );
}