如何从函数组件中获取数据？

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  // 在组件中使用count的值
  return <div>{count}</div>;
}

import React, { useEffect, useState } from 'react';

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

  useEffect(() => {
    // 获取数据的异步函数
    const fetchData = async () => {
      const response = await fetch('https://example.com/api/data');
      const data = await response.json();
      setData(data);
    };

    fetchData();
  }, []);

  // 在组件中使用获取到的数据
  return <div>{data}</div>;
}

import React, { createContext, useContext } from 'react';

const UserContext = createContext();

function MyComponent() {
  return (
    <UserContext.Provider value={{ name: 'John', age: 25 }}>
      <ChildComponent />
    </UserContext.Provider>
  );
}

function ChildComponent() {
  const user = useContext(UserContext);

  // 在组件中使用获取到的用户信息
  return (
    <div>
      <div>Name: {user.name}</div>
      <div>Age: {user.age}</div>
    </div>
  );
}