如何在React中动态更改按钮大小和颜色

constructor(props) {
  super(props);
  this.state = {
    buttonSize: 'normal',
    buttonColor: 'blue'
  };
}

render() {
  const { buttonSize, buttonColor } = this.state;

  return (
    <button
      style={{ 
        fontSize: buttonSize === 'large' ? '20px' : '16px',
        backgroundColor: buttonColor
      }}
      onClick={this.handleClick}
    >
      Button
    </button>
  );
}

handleClick = () => {
  this.setState(prevState => ({
    buttonSize: prevState.buttonSize === 'large' ? 'normal' : 'large',
    buttonColor: prevState.buttonColor === 'blue' ? 'red' : 'blue'
  }));
};