取得其他元件資料的方法在React的應用

Question

我有一個常數，透過fetch接收一個json數據，程式碼如下：

const [用戶，setUser] = useState([]);

非同步函數 users() { const result = wait fetch (My API `,{ })

const data = await result.json();
setUser(data);`

我想在另一個元件中顯示她的數據，例如只顯示姓名或只顯示ID。

我想把姓名放在這個小藍色區塊中：這是另一個組件

更多第二個組件的內容

Answer 1

第一個元件是取得資料的元件，第二個元件是展示資料的元件，因為你透過props接收使用者資料。

function FirstComponent(){
const [user, setUser] = useState([]);

 return (
   <SecondComponent user={user} />
 )
}

function SecondComponent({user}){
 console.log(user)

 return (
   //这里是你展示图片的代码
 )
}