React.js总结点

React知识点

虚拟DOM：它直接用JavaScript实现了DOM树（大致上）。组件的HTML结构并不会直接生成DOM，而是映射生成虚拟的JavaScript DOM结构，React又通过在这个虚拟DOM上实现了一个 diff 算法找出最小变更，再把这些变更写入实际的DOM中。这个虚拟DOM以JS结构的形式存在，计算性能会比较好，而且由于减少了实际DOM操作次数，性能会有较大提升。

1. 暴露接口

如果想在父组件中调用子组件的接口，首先要在子组件设置ref属性标注，然后在父组件里调用。

比如：
首先在ButtonComponent上设置一个ref=””属性来标记一下，比如这里把子组件设置成 ，那么在父组件的逻辑里，就可以在父组件自己的方法中通过这种方式来调用接口方法：

全选复制放进笔记this.refs.getSwordButton.getDragonKillingSword();

2. 子组件调用父组件方法

父组件可以直接将需要执行的函数传递给子组件：

1 大专栏  React.js总结点

<ButtonComponent clickCallback={this.getSwordButtonClickCallback}/>

然后在子组件中调用父组件方法：

1 2 3 4 5

var ButtonComponent = React.createClass({ render: function(){ return (< onClick={this.props.clickCallback}>屠龙宝刀，点击就送</>); } });

子组件通过this.props能够获取在父组件创建子组件时传入的任何参数，因此this.props也常被当做配置参数来使用