react子父傳參有幾種方法？下面本篇文章給大家介紹一下react父子組件傳參(值)的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

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

一、父組件傳給子組件

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

//子組件中

console.log(this.props.data);

二、子組件傳給父組件

父組件通過props向子組件傳入一個方法，子組件在通過調用該方法，將數據以參數的形式傳給父組件，父組件可以在該方法中對傳入的數據進行處理；//父組件

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的相關知識，可訪問：前端開發學習！!

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。