Anwendung von Methoden zum Abrufen von Daten von anderen Komponenten in React

Question

Ich habe eine Konstante, die JSON-Daten durch Abruf empfängt. Der Code lautet wie folgt:

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

Asynchrone Funktion users() { const result = wait fetch (My API `,{ })

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

Ich möchte ihre Daten in einer anderen Komponente anzeigen, beispielsweise nur den Namen oder nur die ID.

Ich möchte den Namen in diesen kleinen blauen Block einfügen: Dies ist eine weitere Komponente

Mehr zur zweiten Komponente

Answer 1

第一个组件是获取数据的组件，第二个组件是展示数据的组件，因为你通过props接收用户数据。

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

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

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

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