map函数中的React js onclick切换类

import React, { Component } from 'react';

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

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

  render() {
    const myArray = [1, 2, 3, 4, 5];

    return (
      <div>
        {myArray.map(item => (
          <div
            key={item}
            className={this.state.isClassActive ? 'active' : ''}
            onClick={this.handleClick}
          >
            {item}
          </div>
        ))}
      </div>
    );
  }
}

export default MyClass;