使用React在单击时更改正文元素的背景颜色？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      backgroundColor: '#ffffff' // 默认背景颜色为白色
    };
  }

  handleClick = () => {
    const newColor = this.getRandomColor(); // 生成随机颜色
    this.setState({ backgroundColor: newColor }); // 更新背景颜色
  };

  getRandomColor = () => {
    // 生成随机颜色的函数，这里只是示例，具体实现可以根据需求自定义
    const letters = '0123456789ABCDEF';
    let color = '#';
    for (let i = 0; i < 6; i++) {
      color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
  };

  render() {
    const { backgroundColor } = this.state;

    return (
      <div>
        <div
          style={{ backgroundColor: backgroundColor }}
          onClick={this.handleClick}
        >
          正文元素
        </div>
      </div>
    );
  }
}

export default MyComponent;