如何使用react中的setSate更改按钮背景颜色和文本颜色？

constructor(props) {
  super(props);
  this.state = {
    backgroundColor: 'red',
    textColor: 'white'
  };
}

render() {
  const { backgroundColor, textColor } = this.state;
  const buttonStyle = {
    backgroundColor: backgroundColor,
    color: textColor
  };

  return (
    <button style={buttonStyle}>按钮</button>
  );
}

handleButtonClick = () => {
  this.setState({
    backgroundColor: 'blue',
    textColor: 'black'
  });
}

render() {
  // ...

  return (
    <button style={buttonStyle} onClick={this.handleButtonClick}>按钮</button>
  );
}