如何在React中仅选择一个列表中的一项并更改其样式？

import React, { Component } from 'react';

class ListSelection extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedItem: null
    };
  }

  handleItemClick(index) {
    this.setState({ selectedItem: index });
    this.forceUpdate();
  }

  render() {
    const { selectedItem } = this.state;
    const listData = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];

    return (
      <ul>
        {listData.map((item, index) => (
          <li
            key={index}
            onClick={() => this.handleItemClick(index)}
            style={{ fontWeight: selectedItem === index ? 'bold' : 'normal' }}
          >
            {item}
          </li>
        ))}
      </ul>
    );
  }
}

export default ListSelection;