react项目实现调接口拿到数据到页面去使用

可以使用 fetch 或 axios 等库来调用接口，将数据获取到后，可以使用 React 的 state 或 props 来传递数据到页面中进行展示。具体实现可以参考以下代码：

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

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

  useEffect(() => {
    axios.get('/api/data')
      .then(response => {
        setData(response.data);
      })
      .catch(error => {
        console.log(error);
      });
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>
          <h2>{item.title}</h2>
          <p>{item.content}</p>
        </div>
      ))}
    </div>
  );
}

export default App;

其中，`axios.get('/api/data')` 是调用接口的代码，`setData(response.data)` 将获取到的数据存储到 state 中，`data.map()` 用来遍历数据并展示到页面中。