获取其他组件数据的方法在React中的应用
P粉449281068
2023-09-03 18:00:40
<p>我有一个常量，通过fetch接收一个json数据，代码如下：</p>
<p><code>const [用户，setUser] = useState([]);</code></p>
<p><code> 异步函数 users() { const result = wait fetch (</code>My API `,{
})</p>
<pre class="brush:php;toolbar:false;">const data = await result.json();
setUser(data);`</pre>
<p>我想在另一个组件中显示她的数据，例如只显示姓名或只显示ID。</p>
<p>我想把姓名放在这个小蓝色块中：这是另一个组件</p>
<p>更多第二个组件的内容</p>
第一个组件是获取数据的组件，第二个组件是展示数据的组件，因为你通过props接收用户数据。
function FirstComponent(){ const [user, setUser] = useState([]); return ( <SecondComponent user={user} /> ) } function SecondComponent({user}){ console.log(user) return ( //这里是你展示图片的代码 ) }