18929371983
时间:2017/4/3 9:01:47
回答(1).处理 React 组件之间的交流方式,主要取决于组件之间的关系,然而这些关系的约定人就是你。 我不会讲太多关于 data-stores、data-adapters 或者 data-helpers 之类的话题。我下面只专注于 React 组件本身的交流方式的讲解。 React 组件之间交流的方式,可以分为以下 3 种: 【父组件】向【子组件】传值; 【子组件】向【父组件】传值; 没有任何嵌套关系的组件之间传值(PS:比如:兄弟组件之间传值) 一、【父组件】向【子组件】传值 初步使用 这个是相当容易的,在使用 React 开发的过程中经常会使用到,主要是利用 props 来进行交流。例子如下: // 父组件 var MyContainer = React.createClass({ getInitialState: function () { return { checked: true }; }, render: function() { return ( <ToggleButton text="Toggle me" checked={this.state.checked} /> ); } }); // 子组件 var ToggleButton = React.createClass({ render: function () { // 从【父组件】获取的值 var checked = this.props.checked, text = this.props.text; return ( <label>{text}: <input type="checkbox" checked={checked} /></label> ); } }); 进一步讨论 如果组件嵌套层次太深,那么从外到内组件的交流成本就变得很高,通过 props 传递值的优势就不那么明显了。(PS:所以我建议尽可能的减少组件的层次,就像写 HTML 一样,简单清晰的结构更惹人爱) // 父组件 var MyContainer = React.createClass({ render: function() { return ( <Intermediate text="where is my son?" /> ); } }); // 子组件1:中间嵌套的组件 var Intermediate = React.createClass({ render: function () { return ( <Child text={this.props.text} /> ); } }); // 子组件2:子组件1的子组件 var Child = React.createClass({ render: function () { return ( <span>{this.props.text}</span> ); } }); ......
北京电路板生产加工制造厂家 北京中小批量PCB电路板制造企业
在生产PCB板颜色设计,为何一直是这个红/黄/绿/蓝/黑/颜色?
低价抄板打样绿色油阻焊电路板加工PCB批量生产制作深圳厂家直销
请问想用Arduino UNO板做一个音乐控制彩灯变化的电路图都需要什么部分呢?音乐控制部分怎么接入?求教
PCB打样 线路板快速打样电路板制作制版印刷快速打样板开发定制
10层沉金pcb打样电路线路板印PCBA加工制作板制版印刷快速打样板
PCB七彩RGB铝基板地埋灯9W铝基板水底灯85mm非标铝基板定制SMT
![]() |
|||