react父組件獲取子組件的值 react中怎樣在父組件中獲取子組件中的Dom?
react中怎樣在父組件中獲取子組件中的Dom?如果我沒看錯,那你的需求應(yīng)該是:子組件獲取父組件的input來實(shí)現(xiàn)一些功能。react單向數(shù)據(jù)流規(guī)定了,子組件無法無緣無故地獲取父組件中的數(shù)據(jù)(使用st
react中怎樣在父組件中獲取子組件中的Dom?
如果我沒看錯,那你的需求應(yīng)該是:子組件獲取父組件的input來實(shí)現(xiàn)一些功能。react單向數(shù)據(jù)流規(guī)定了,子組件無法無緣無故地獲取父組件中的數(shù)據(jù)(使用store全局管理狀態(tài)除外)那么怎么做呢?父組件在渲染子組件的時候,通過props傳入子組件所需的參數(shù),再進(jìn)行渲染子組件。代碼片段:
Vue和React組件之間的傳值方式詳解?
子組件在props中定義數(shù)據(jù),然后父組件傳數(shù)據(jù)過去,例如:
子組件:
props:{
show:{
default:false
}
}
父組件:
parentshow是父組件定義的data數(shù)據(jù)