摘要： 组合组件 使用组件的目的就是通过构建模块化的组件，相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件，只需要把组件当作一个 DOM 元素引入就可以了。 一个例子：一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 Profi 阅读全文

摘要： 事件处理 一个简单的例子： 可以看到 React 里面绑定事件的方式和在 HTML 中绑定事件类似，使用驼峰式命名指定要绑定的 onClick 属性为组件定义的一个方法 {this.handleClick.bind(this)}。 注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例 阅读全文

摘要： 组件生命周期 一般来说，一个组件类由 extends Component 创建，并且提供一个 render 方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。 一个简单的例子： getInitialState 初始化 this.state 的值，只在组件装载之前调用一次。 如果是使用 ES 阅读全文

摘要： 属性扩散 有时候你需要给组件设置多个属性，你不想一个个写下这些属性，或者有时候你甚至不知道这些属性的名称，这时候 spread attributes 的功能就很有用了。 比如： props 对象的属性会被设置成 Component 的属性。 属性也可以被覆盖： 写在后面的属性值会覆盖前面的属性。 关 阅读全文