Aplikasi kaedah untuk mendapatkan data daripada komponen lain dalam React

Question

Saya mempunyai pemalar yang menerima data json melalui pengambilan Kodnya adalah seperti berikut:

const [pengguna, setUser] = useState([]);

Pengguna fungsi tak segerak() { const result = tunggu ambil (API Saya `,{ })

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

Saya mahu memaparkan datanya dalam komponen lain, seperti hanya nama atau ID sahaja.

Saya mahu meletakkan nama dalam blok biru kecil ini: ini adalah komponen lain

Lagi mengenai komponen kedua

Answer 1

Komponen pertama ialah komponen yang mendapat data, dan komponen kedua ialah komponen yang memaparkan data, kerana anda menerima data pengguna melalui prop.

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

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

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

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