获取其他组件数据的方法在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 (
   //这里是你展示图片的代码
 )
}