React - 高阶组件(Higher-Order Components)

原文:Higher-Order Components 高阶组件(HOC)是 React 中用于重用组件逻辑的高级技术。 HOC 本身不是 React API的一部分。它们是从 React 的组合特性产生的一种模式。 具体来说,高阶组件就是一个接受一个组件作为参数,并返回一个新组件的函数。 con…

React - Components, Elements, and Instances

组件(Components)、元素(Elements)和实例(Instances)之间的区别很容易被混淆,本文主要介绍了这几个概念的区别并详细说明了 React 管理 DOM 的思路。 传统组件自己管理实例(Managing the Instances)在传统的面向对象的 UI 编程中,你需要自己手…

React - React.Children

如我们所了解的, this.props.children 的取值有三种情况,如果当前组件没有子组件,则返回 undefined ,如果有一个元素,则返回数据类型为 object,如果有多个元素则返回类型为 array ,这样每次都要写一大堆的判断语句,并针对不同的返回结果执行不同的操作,这样将会非常…

React - ReactDOM

react-dom 包提供了可以在应用程序顶层使用的 DOM 特定方法,可以在 React 模型外使用的。大多数组件并不需要使用此模块。 浏览器支持支持所有的现代浏览器,包括 IE9 及以上。 不支持那些不支持 ES5 方法的旧浏览器,但是如果页面使用了 es5-shim 和 es5-sham 的 …

React - Refs

通常情况下, React 使用 props 和子组件进行交互,如果需要修改子组件,则通过更新子组件的 props 来重新 render 子组件,但是在有些情况下,可能想要在 props 的数据流之外修改 props ,对于这种情况, React 提供了 refs 来允许不通过 props 的数据流对…

React - Stateless Function Component

Stateless Function Component(SFC, 无状态组件) 是 React v0.14.0 引入的一种新的创建组件的方式,这个方式大大提升了“纯组件”的编写速度和便捷性,而且还能有效提升组价的性能。 常规的组件通常情况下,我们是使用 React.createClass() 或者…

React - Context

注意,本文仅适用于 React16 以下的版本 Context 是一个实验性的 Api,和 props 一样用于组件之间的数据传递,但是这个功能却很少使用,甚至不为人知。 为何使用 Context在使用 React 开发的时候,通常通过改变 state 和 传递 props 对组件进行控制,特别是通…

createStore.js 源码阅读笔记

接口 createStore(reducer, [preloadedState], enhancer) reducer (Function): 接收 state 和 action 参数的函数,并返回新的 state。 [preloadedState(Any)]: 初始时的 state,可以使用空…