存储于上下文中还是通过API调用获取更好？

React中，有两种常见的处理数据的方式：通过上下文（context）存储全局数据，或者通过API调用获取数据。哪种方式更好？这是一个常见的问题，下面是一些注意点：

1. 上下文: 上下文是一种在React组件树中传递数据的方法。当一个组件需要访问上下文数据时，它可以通过this.context访问上下文数据，这样，数据就可以在组件之间共享。但是，上下文API有一些问题：它容易导致耦合和复杂性，并且它可能会影响性能。因此，使用上下文存储数据可能不是最好的选择。

2. API调用: 另一种常见的方法是通过API调用来获取数据。通过API调用获取数据的好处是：他们可以与应用程序的其他部分分离，能够找到适当的时机更新自己，并且可以缓存结果以提高性能，尤其在复杂应用程序中，使用API调用更加便捷。

以下是通过API调用来获取数据的代码示例：

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

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

  useEffect(() => {
    fetchData();
  }, []);

  async function fetchData() {
    const response = await fetch('/api/data');
    const json = await response.json();
    setData(json);
  }

  return (
    <ul>
      {data.map(item => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul>
  );
}

以上代码通过useState（来存储数据）和useEffect（来设置无限循环，只要数据刷新了，就会获取数据）函数显式地在组件内部进行了异步数据获取。

综上所述，我们建议优