react异步请求数据渲染

在React中，您可以使用axios或fetch等库来进行异步请求数据并渲染。在上面的代码示例中，我们使用了axios来发送一个异步请求，并将返回的结果存储在data变量中。

在组件挂载时，我们使用了useEffect钩子来执行异步请求。为了确保只在组件挂载时请求一次数据，我们将空数组([])作为第二个参数传递给useEffect。这样告诉React，effect不依赖于任何props或state的值，所以它不需要重新执行。

当数据返回后，我们使用setData来改变state，从而触发组件的重新渲染。在返回的数据中，我们可以通过data.products.map来遍历并渲染每个产品的名称。

与此类似，你可以使用其他库或方法来进行异步请求，例如fetch、axios、async/await等。您只需确保在组件挂载时或在其他需要的时刻发送请求，并在数据返回后更新state以触发重新渲染。