第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

將 React 中的道具從一個(gè)文件傳遞到另一個(gè)文件

將 React 中的道具從一個(gè)文件傳遞到另一個(gè)文件

胡說叔叔 2023-06-09 14:53:26
在下面的代碼中，我想將名稱從 Person.js 傳遞給 App.js 作為 prop。但我不明白該怎么做。如果可以，請解釋一下該怎么做。應(yīng)用程序.jsimport { useState,useEffect } from 'react';// import Person from './Person'function App(props) {  const [greet, setGreeet] = useState("");  return (    <div className="App">      <h1> Good {greet} </h1>    </div>  );}export default App;Person.jsimport React from 'react';import App from './App'export default function Person (){    const name="Jenifer"    return(        <div></div>    );}
查看完整描述

3 回答

?
鴻蒙傳說

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

我認(rèn)為您是在詢問如何將數(shù)據(jù)從孩子傳遞給父母。

您必須將一個(gè)方法從 App 傳遞給 Person。

并從 Person 組件調(diào)用該方法。


function Person (props){

? const {setNameToApp} = props;

? const name = "Jennifer";?

??

// this useEffect is called when the component mounts for the first time

?React.useEffect(()=>{

? ?setNameToApp(name);

?},[])

??

// I have also shown how to use button to change the greet state in the app.


? return (

<div>

?<button onClick={()=>{setNameToApp("name when I pressbutton")}}> Set Name </button>?

</div>)

}


function App(props) {

? const [greet, setGreet] = React.useState("");

?

// pass setGreet function to components which can call this and change the state of the greet

?

? return (

? ? <div>

? ? ? <h1> Good? {greet} </h1>

? ? ? <Person? setNameToApp = {setGreet} />?

? ? </div>

? );

}


查看完整回答
反對 回復(fù) 2023-06-09
?
米脂

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊

將名稱作為道具從 person.js（父組件）傳遞到 App.js（子組件）


Person.js


import React from 'react';

import App from './App'


export default function Person (){

? ? const name="Jenifer"

? ? return(

? ? ? ? <div>

? ? ? ? <App name={name}/>

? ? ? ? </div>

? ? );

}

應(yīng)用程序.js



import { useState,useEffect } from 'react';

// import Person from './Person'



function App(props) {

const [greet, setGreeet] = useState("");




? return (

? ? <div className="App">

? ? ? <h1> Good Morning {props.name} </h1> // Good Morning Jenifer

? ? </div>

? );

}


export default App;


查看完整回答
反對 回復(fù) 2023-06-09
?
慕桂英546537

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊

最后我找到了原因。發(fā)生這種情況是因?yàn)槲以噲D將數(shù)據(jù)從我的子類傳遞到父類。這樣做是不可能的。



查看完整回答
反對 回復(fù) 2023-06-09
  • 3 回答
  • 0 關(guān)注
  • 201 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號