React中点击按钮用setState设置prevState无效，求排查问题

核心原因 #

你当前的代码不会触发状态更新，本质是因为React会浅比较状态前后的变化：

onPressHandler = () => { 
  this.setState( prevState => ( { data: prevState.data } ) ); 
};

这段代码只是把data原封不动地返回，新旧状态完全一致，React判断状态没有变化，就不会触发组件重渲染，自然看起来“没生效”。

不同场景的解决办法 #

• 如果你的目的是强制触发重渲染（比如要触发某些依赖状态更新的副作用）：
  可以新增一个用于触发更新的标记位，比如：

  onPressHandler = () => {
    this.setState(prevState => ({
      data: prevState.data,
      updateFlag: prevState.updateFlag + 1 // 用自增的标记位触发更新
    }));
  };
  

  注意：尽量避免用forceUpdate()，它会绕过React的状态更新逻辑，容易引发不可控的问题。

• 如果你的实际需求是把data重置为初始值（而非当前的状态值）：
  先在组件初始化时保存初始数据，再在点击时重置：

  constructor(props) {
    super(props);
    // 保存初始数据
    this.initialData = { /* 这里是你的data初始值 */ };
    this.state = {
      data: this.initialData
    };
  }
  
  onPressHandler = () => {
    // 如果初始数据是对象/数组，要深拷贝避免后续修改影响初始值
    this.setState({ data: JSON.parse(JSON.stringify(this.initialData)) });
  };
  

内容的提问来源于stack exchange，提问作者noname6842