react异步请求接口

以下是使用axios进行React异步请求接口的示例代码：

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

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

  useEffect(() => {
    axios.get('https://jsonplaceholder.typicode.com/posts')
      .then(response => {
        setData(response.data);
      })
      .catch(error => {
        console.log(error);
      });
  }, []);

  return (
    <div>
      <h1>Posts</h1>
      <ul>
        {data.map(post => (
          <li key={post.id}>{post.title}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;

在上面的代码中，我们使用了React的useState和useEffect钩子函数来管理组件的状态和副作用。在useEffect中，我们使用axios.get方法来获取数据，并将返回的数据存储在组件的状态中。最后，我们将数据渲染到页面上。