使用React中的类在多个元素上显示或隐藏

import React, { Component } from 'react';

class ToggleElements extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showElements: false
    };
  }

  toggleElements = () => {
    this.setState(prevState => ({
      showElements: !prevState.showElements
    }));
  }

  render() {
    const { showElements } = this.state;

    return (
      <div>
        <button onClick={this.toggleElements}>
          {showElements ? '隐藏元素' : '显示元素'}
        </button>
        {showElements && (
          <div>
            <p>这是要显示的元素1。</p>
            <p>这是要显示的元素2。</p>
            <p>这是要显示的元素3。</p>
          </div>
        )}
      </div>
    );
  }
}

export default ToggleElements;