在React中不能在单击后设置元素的样式

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isClicked: false
    };
    this.handleClick = this.handleClick.bind(this);
  }

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

  render() {
    const { isClicked } = this.state;
    const buttonStyle = isClicked ? { backgroundColor: 'red' } : { backgroundColor: 'blue' };

    return (
      <div>
        <button style={buttonStyle} onClick={this.handleClick}>Click me</button>
      </div>
    );
  }
}

export default MyComponent;