React Native - Mobx如何使用远程数据初始化存储

// UserStore.js
import { makeAutoObservable } from 'mobx';

class UserStore {
  users = [];

  constructor() {
    makeAutoObservable(this);
  }

  async fetchUsers() {
    try {
      const response = await fetch('https://api.example.com/users');
      const data = await response.json();
      this.users = data;
    } catch (error) {
      console.error('Error fetching users:', error);
    }
  }
}

const userStore = new UserStore();
export default userStore;

// UserList.js
import React, { useEffect } from 'react';
import { observer } from 'mobx-react-lite';
import userStore from './UserStore';

const UserList = observer(() => {
  useEffect(() => {
    userStore.fetchUsers();
  }, []);

  return (
    <div>
      {userStore.users.map((user) => (
        <div key={user.id}>{user.name}</div>
      ))}
    </div>
  );
});

export default UserList;