在setState之后将颜色改回

this.setState({ color: 'red' }, () => {
  // 在这里，状态已经更新为 'red'
  this.setState({ color: 'blue' }); // 现在颜色会被设置为 'blue'
});

this.setState((prevState) => ({ color: prevState.color === 'red' ? 'blue' : 'red' }));

import React, { Component } from 'react';

class ColorChanger extends Component {
  state = { color: 'black' };

  changeColor = () => {
    this.setState({ color: 'red' }, () => {
      // 确保颜色已经变为红色后，再改回黑色
      setTimeout(() => {
        this.setState({ color: 'black' });
      }, 1000); // 延迟1秒以确保颜色已经更新
    });
  };

  render() {
    return (
      <div>
        <p style={{ color: this.state.color }}>This text will change color.</p>
        <button onClick={this.changeColor}>Change Color</button>
      </div>
    );
  }
}

export default ColorChanger;