在React中，尝试刷新并停留在同一页上，但状态不会按预期更新

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  componentDidMount() {
    // 在组件挂载后，可以进行一些初始化操作
    // 例如，从服务器获取数据并更新状态
    this.fetchData();
  }

  componentDidUpdate(prevProps, prevState) {
    // 在组件更新后，可以进行状态的更新操作
    // 例如，根据条件判断是否更新状态
    if (this.state.count !== prevState.count) {
      this.fetchData();
    }
  }

  fetchData() {
    // 模拟从服务器获取数据的操作
    // 更新状态
    this.setState({ count: this.state.count + 1 });
  }

  render() {
    return (
      <div>
        <h1>Count: {this.state.count}</h1>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Increment
        </button>
      </div>
    );
  }
}

export default MyComponent;