全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：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变化，达到在父组件中展示子组件产生的变化。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
相关文章：
如何通过免费商城建站系统源码自定义网站主题与功能？
建站主机与服务器功能差异如何区分？
如何自定义建站之星网站的导航菜单样式？
成都网站制作报价公司,成都工业用气开户费用？
建站主机如何选？性能与价格怎样平衡？
建站之星云端配置指南：模板选择与SEO优化一键生成
宝塔Windows建站如何避免显示默认IIS页面？
已有域名如何免费搭建网站？
如何在腾讯云服务器快速搭建个人网站？
企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？
建站上市公司网站建设方案与SEO优化服务定制指南
如何快速搭建二级域名独立网站？
如何快速上传自定义模板至建站之星？
视频网站app制作软件,有什么好的视频聊天网站或者软件？
韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南
装修招标网站设计制作流程,装修招标流程？
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
如何在Windows环境下新建FTP站点并设置权限？
建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析
Android自定义listview布局实现上拉加载下拉刷新功能
北京企业网站设计制作公司,北京铁路集团官方网站？
如何用搬瓦工VPS快速搭建个人网站？
如何在Windows虚拟主机上快速搭建网站？
如何在西部数码注册域名并快速搭建网站？
C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）
香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧
济南企业网站制作公司,济南社保单位网上缴费步骤？
专业网站制作服务公司,有哪些网站可以免费发布招聘信息？
北京专业网站制作设计师招聘,北京白云观官方网站？
网站制作大概要多少钱一个,做一个平台网站大概多少钱？
如何用wdcp快速搭建高效网站？
西安专业网站制作公司有哪些,陕西省建行官方网站？
高防服务器租用首荐平台，企业级优惠套餐快速部署
制作公司内部网站有哪些,内网如何建网站？
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
建站之星如何助力企业快速打造五合一网站？
如何通过PHP快速构建高效问答网站功能？
如何在沈阳梯子盘古建站优化SEO排名与功能模块？
建站之星后台管理系统如何操作？
山东网站制作公司有哪些,山东大源集团官网？
如何有效防御Web建站篡改攻击？
如何在新浪SAE免费搭建个人博客？
,在苏州找工作，上哪个网站比较好？
如何通过商城免费建站系统源码自定义网站主题？
浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？
网站按钮制作软件,如何实现网页中按钮的自动点击？
历史网站制作软件,华为如何找回被删除的网站？
如何挑选最适合建站的高性能VPS主机？
香港服务器如何优化才能显著提升网站加载速度？
*请认真填写需求信息，我们会在24小时内与您取得联系。
