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

import React from 'react';

class ToggleElements extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isVisible: true
    };
    this.toggleVisibility = this.toggleVisibility.bind(this);
  }

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

  render() {
    return (
      <div>
        <button onClick={this.toggleVisibility}>
          {this.state.isVisible ? 'Hide' : 'Show'}
        </button>
        {this.state.isVisible && (
          <div>
            <p>This element can be toggled.</p>
            <p>Another element that can be toggled.</p>
          </div>
        )}
      </div>
    );
  }
}

export default ToggleElements;

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