如何在react本机中更改数组元素的样式

import React, { Component } from 'react';
import './ArrayComponent.css'; // 引入CSS文件

class ArrayComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      array: [1, 2, 3, 4, 5],
    };
  }

  render() {
    return (
      <div>
        {this.state.array.map((item, index) => (
          <div
            key={index}
            className={item % 2 === 0 ? 'even' : 'odd'} // 根据元素的奇偶性设置不同的类名
          >
            {item}
          </div>
        ))}
      </div>
    );
  }
}

export default ArrayComponent;