wordpress主题 xueui,能做SEO优化的网站建设,秦皇岛保障性住房官网,赣州人才网最新招聘信息本文介绍了React 子组件向父组件传值的方法#xff0c;分享给大家子组件需要控制自己的 state#xff0c; 然后告诉父组件自己的state#xff0c;通过props调用父组件中用来控制state的函数#xff0c;在父组件中展示子组件的state变化。/***实现在输入框输入邮箱时#x…本文介绍了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
