全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
本文介绍了React 子组件向父组件传值的方法，分享给大家
子组件需要控制自己的 state， 然后告诉父组件自己的state，通过props调用父组件中用来控制state的函数，在父组件中展示子组件的state变化。
/***实现在输入框输入邮箱时，在div中即时显示输入内容***/
<body>
<div id="test"></div>
</body>
//子组件
var Child = React.createClass({
render: function(){
return (
<div>
邮箱：<input onChange={this.props.handleEmail}/>
</div>
)
}
});
//父组件
var Parent = React.createClass({
getInitialState: function(){
return {
email: ''
}
},
handleEmail: function(event){
this.setState({email: event.target.value});
},
render: function(){
return (
<div>
<div>邮箱：{this.state.email}</div>
<Child name="email" handleEmail={this.handleEmail.bind(this)}/>
</div>
)
}
});
React.render(
<Parent />,
document.getElementById('test')
);
原理：
依赖 props 来传递事件的引用，并通过回调的方式来实现的，这样实现不是特别好，但在没有任何工具的情况下是一种简单的实现方式。
分析：
React中当state发生改变时，组件才会update。在父组件中设定state的初始值以及处理该state的函数，同时将函数名通过以props属性值的形式传入子组件，子组件通过调用父组件的函数，进而引起state变化，达到在父组件中展示子组件产生的变化。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
相关文章：
详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）
如何在自有机房高效搭建专业网站？
学校免费自助建站系统：智能生成+拖拽设计+多端适配
网站专业制作公司有哪些,做一个公司网站要多少钱？
如何快速查询网址的建站时间与历史轨迹？
购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？
如何在IIS中新建站点并配置端口与物理路径？
如何零基础在云服务器搭建WordPress站点？
湖州网站制作公司有哪些,浙江中蓝新能源公司官网？
定制建站流程步骤详解：一站式方案设计与开发指南
香港服务器建站指南：免备案优势与SEO优化技巧全解析
南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？
宝塔面板创建网站无法访问？如何快速排查修复？
*服务器网站为何频现安全漏洞？
威客平台建站流程解析：高效搭建教程与设计优化方案
定制建站平台哪家好？企业官网搭建与快速建站方案推荐
制作网站怎么制作,*游戏网站怎么搭建？
建站主机与服务器功能差异如何区分？
建站之星在线客服如何快速接入解答？
官网自助建站平台指南：在线制作、快速建站与模板选择全解析
建站之星安装路径如何正确选择及配置？
如何有效防御Web建站篡改攻击？
如何基于云服务器快速搭建个人网站？
如何高效利用亚马逊云主机搭建企业网站？
网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？
微信小程序 input输入框控件详解及实例（多种示例）
如何在IIS服务器上快速部署高效网站？
网站图片在线制作软件,怎么在图片上做链接？
已有域名建站全流程解析：网站搭建步骤与建站工具选择
建站与域名管理如何高效结合？
小说建站VPS选用指南：性能对比、配置优化与建站方案解析
制作网站的基本流程,设计网站的软件是什么？
图册素材网站设计制作软件,图册的导出方式有几种？
如何用y主机助手快速搭建网站？
怀化网站制作公司,怀化新生儿上户网上办理流程？
大型企业网站制作流程,做网站需要注册公司吗？
如何续费美橙建站之星域名及服务？
建站之星如何配置系统实现高效建站？
C++时间戳转换成日期时间的步骤和示例代码
如何获取开源自助建站系统免费下载链接？
定制建站哪家更专业可靠？推荐榜单揭晓
如何快速搭建虚拟主机网站？新手必看指南
如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？
如何在阿里云完成域名注册与建站？
建站主机选择指南：服务器配置与SEO优化实战技巧
GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？
网站制作新手教程,新手建设一个网站需要注意些什么？
SQL查询语句优化的实用方法总结
大学网站设计制作软件有哪些,如何将网站制作成自己app？
常州企业建站如何选择最佳模板？
*请认真填写需求信息，我们会在24小时内与您取得联系。
