<p>I have a constant that receives a json data through fetch. The code is as follows: </p> <p><code>const [user, setUser] = useState([]);</code></p> <p><code> Asynchronous function users() { const result = wait fetch (</code>My API `,{ })</p> <pre class="brush:php;toolbar:false;">const data = await result.json(); setUser(data);`</pre> <p>I want to display her data in another component, like only name or only ID. </p> <p>I want to put the name in this little blue block: this is another component</p> <p>More about the second component</p>

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

 return (
   
 )
}

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

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