react中父子組件間如何傳值

一、父組件向子組件傳值

　　父組件綁定屬性值傳給子組件，子組件通過this.props()接收。

　　例子如下：

　　父組件中調用名字為Child的組件：

<Child value={10}/>

　　子組件獲取方式為：

<p>父組件傳遞過來的值為:{this.props.value}</p>。//父組件傳遞過來的值為:10

二、子組件向父組件傳值

　　子組件綁定一個方法，方法中通過this.props.父組件方法名（參數）傳遞給父組件，父組件通過該方法接收數據。

　　例子如下：

　　子組件綁定從父組件傳遞過來的名字為handleClick的方法，子組件代碼如下：

<button onClick={()=>{this.props.handleClick(100)}}>按鈕</button>

　　父組件中代碼如下：

<Child handleClick={handleClick}/>

　　

const handleClick = (value) => {
     console.log("子元素傳遞過來的值為：",value); //子元素傳遞過來的值為：100

}