react子父?jìng)鲄⒂袔追N方法？下面本篇文章給大家介紹一下react父子組件傳參(值)的方法。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

react父子組件傳參(值)的幾種方法

一、父組件傳給子組件

父組件通過props傳遞給子組件；//父組件中

//子組件中

console.log(this.props.data);

二、子組件傳給父組件

父組件通過props向子組件傳入一個(gè)方法，子組件在通過調(diào)用該方法，將數(shù)據(jù)以參數(shù)的形式傳給父組件，父組件可以在該方法中對(duì)傳入的數(shù)據(jù)進(jìn)行處理；//父組件

import Child from './Child.js'；

export default class Parent extend compenent{

getData=(data)=>{

console.log(data);

}

render(){

return (

父組件

)

}

}//子組件

export default class Child extend compenent{

state={

data:[1,2,3]

}

render(){

const {data}=this.state;

return (

子組件

{this.props.getData(data)}}>

)

}

}

更多react的相關(guān)知識(shí)，可訪問：前端開發(fā)學(xué)習(xí)！!

總結(jié)

以上是生活随笔為你收集整理的react 子传参父_react子父传参有几种方法？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。