React:如何更改map内切换开关的状态？

import React, { Component } from 'react';

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

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

  render() {
    const elements = ['Element 1', 'Element 2', 'Element 3'];

    return (
      <div>
        {elements.map((element, index) => (
          <div key={index}>
            {element}
            <button onClick={this.handleClick}>
              {this.state.isToggleOn ? 'ON' : 'OFF'}
            </button>
          </div>
        ))}
      </div>
    );
  }
}

export default ToggleSwitch;