加载状态在React应用程序中无效(MobX)

import { observable } from 'mobx';
import { observer } from 'mobx-react';

@observer
class MyComponent extends React.Component {
  @observable isLoading = false;

  fetchData = async () => {
    this.isLoading = true;
    try {
      // Perform data fetching or async operation
      await someAsyncOperation();
    } catch (error) {
      // Handle error
    } finally {
      this.isLoading = false;
    }
  }

  render() {
    return (
      <div>
        {this.isLoading ? 'Loading...' : 'Data loaded'}
        <button onClick={this.fetchData}>Fetch Data</button>
      </div>
    );
  }
}