react 子传参父_React 子组件向父组件传值的方法
本文介紹了React 子組件向父組件傳值的方法，分享給大家
子組件需要控制自己的 state， 然后告訴父組件自己的state，通過props調用父組件中用來控制state的函數，在父組件中展示子組件的state變化。
/***實現在輸入框輸入郵箱時，在div中即時顯示輸入內容***/
//子組件
var Child = React.createClass({
render: function(){
return (
郵箱：
)
}
});
//父組件
var Parent = React.createClass({
getInitialState: function(){
return {
email: ''
}
},
handleEmail: function(event){
this.setState({email: event.target.value});
},
render: function(){
return (
郵箱：{this.state.email})
}
});
React.render(
,
document.getElementById('test')
);
原理：
依賴 props 來傳遞事件的引用，并通過回調的方式來實現的，這樣實現不是特別好，但在沒有任何工具的情況下是一種簡單的實現方式。
分析：
React中當state發生改變時，組件才會update。在父組件中設定state的初始值以及處理該state的函數，同時將函數名通過以props屬性值的形式傳入子組件，子組件通過調用父組件的函數，進而引起state變化，達到在父組件中展示子組件產生的變化。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持我們。
時間： 2017-07-22
總結
以上是生活随笔為你收集整理的react 子传参父_React 子组件向父组件传值的方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： matplotlib包的学习（二）
- 下一篇： Linux学习笔记（四）|软件安装指令