[React] 子组件向父组件通信：回调函数

~

React组件之间的是彼此独立的，组件间的数据流动是单向的，父组件向子组件通信是最常见的方法，父组件通过 props 向子组件传递需要的信息。

在React中，子组件向父组件通信时，可以使用回调函数，或者自定义事件。
在简单的场景中，回调函数常用的办法。

注：
（1）setState是一个异步方法，一个生命周期内所有的setState方法会合并操作。
在 componentWillMount 中执行 setState 方法，组件会更新 state ，但是组件只渲染一次。
因此，这是无意义的执行，初始化时的 state ，都可以放在 this.state={...} 中。

（2）原生组件的自定义属性应该加上'data-'前缀，React组件则不需要。

深入React技术栈 - P74~P75

---

盈江县13587288509： reactjs 里面,组件相互之间怎么通信 - ？
殷薛归芪： reactjs子组件传递数据给父组件 父组件嵌套子组件,父组件的处理函数通过属性的方式赋值组子组件( ),子组件通过触发事件,委托调用父组件的处理函数,从而实现把值传给父组件(return ,handleSelect: function(event) { this.setState({gender: event.target.value}) } )

盈江县13587288509： react 子组件之间怎么传值 - ？
殷薛归芪： 这个是相当容易的,在使用 React 开发的过程中经常会使用到,主要是利用 props 来进行交流.例子如下:// 父组件 var MyContainer = React.createClass({ getInitialState: function () { return { checked: true }; },render: function() { return (<...

盈江县13587288509： React 组件之间通信有哪些方式 - ？
殷薛归芪： 1. 父组件 -> 前几层子组件: props2. 父组件 -> 非常深入的子组件(比如从最顶层到第5层以后): context 这种情况几乎很少见,除非写框架或者工具,最好是只用props,清晰明了3. 子组件 -> 父组件:callback4. 子组件时间: 严格意义上不存...

盈江县13587288509： react子组件怎么改变父组件的state - ？
殷薛归芪： 可以通过向子组件传入一个修改state的函数,比如如下代码:父组件:class Father extends Component { construtor(props){ super(props); this.state={ name: 'Peter', age: '26' } } onChangeState(stateName){ this.setState(stateName) } render()...

盈江县13587288509： react父子组件如何传递值 - ？
殷薛归芪： 实现父子组件双向数据流整体的思路是: 1,父组件可以向子组件传递props,props中带有初始化子组件的数据,还有回调函数2,子组件的state发生变化时,在子组件的事件处理函数中,手动触发父函数传递进来的回调函数,同时时将子组件的...

盈江县13587288509： 怎么解决React中多个组件间的事件传递 - ？
殷薛归芪： React 组件之间交流的方式,可以分为以下 3 种:【父组件】向【子组件】传值;【子组件】向【父组件】传值;没有任何嵌套关系的组件之间传值(PS:比如:兄弟组件之间传值)

盈江县13587288509： react native 怎么在调用父组件的方法 - ？
殷薛归芪： 你去好好看一下React组件生命周期这一部分.你可以在子组件添加一个componentWillRecieveProps周期,在里面获取到即将接收的props.如下: componentWillReceiveProps(nextProps) { this.setState({ A: nextProps.A }); }

盈江县13587288509： react路由中如何向组件传参数 - ？
殷薛归芪： 处理 React 组件之间的交流方式,主要取决于组件之间的关系,然而这些关系的约定人就是你.我不会讲太多关于 data-stores、data-adapters 或者 data-helpers 之类的话题.我下面只专注于 React 组件本身的交流方式的讲解.React 组件之间...

盈江县13587288509： react父组件怎么给this.props.children传值 - ？
殷薛归芪： 在React中,当涉及组件嵌套,在父组件中使用props.children把所有子组件显示出来.如下: function ParentComponent(props){ return ( {props.children} ) } 如果想把父组件中的属性传给所有的子组件

盈江县13587288509： 如何实现组件与组件之间的通信 - ？
殷薛归芪： 1)一个Activity通常就是一个单独的屏幕(窗口). (2)Activity之间通过Intent进行通信. (3)android应用中每一个Activity都必须要在AndroidManifest.xml配置文件中声明