无法在react中完全提取数据对象，很可能是由于提取调用延迟

class MyComponent extends React.Component {
  state = {
    data: {}
  };

  componentDidMount() {
    // 异步获取数据
    fetchData().then(data => {
      this.setState({ data });
    });
  }

  componentDidUpdate() {
    // 在数据更新后进行提取
    const { data } = this.state;
    // 进行数据提取操作
    // ...
  }

  render() {
    return <div>My Component</div>;
  }
}

function MyComponent() {
  const [data, setData] = useState({});

  useEffect(() => {
    // 异步获取数据
    fetchData().then(data => {
      setData(data);
    });
  }, []);

  useEffect(() => {
    // 在数据更新后进行提取
    // 进行数据提取操作
    // ...
  }, [data]);

  return <div>My Component</div>;
}