reactjs - React 如何从另一个文件中获取数据

Question

我是 React 的新手。

我从 Posts.js 中的 url 检索数据。

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

const Posts = () => {
   const[data, setData] = useState([]);
   useEffect(() => {
       axios.get('myURL')
       .then(response => {
           setData({data: response.data});
       })
       .catch(error => {
           console.log(error);
       })
     }, []);
}
export default Posts;

在data中，我看到了 json 对象。

我想将它data用于 App.js。

我如何data从这个文件使用到我的 App.js？

标签： reactjs

Answer 1

您可以将 App.js 中的函数作为 prop 传递给Posts组件，并在收到data.

      <Posts onReceivingData = {onReceivingData}>