React 进阶 -- 高阶组件 HOC

高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧,是一种基于 React 的组合特性而形成的设计模式。

高阶组件是参数为组件,返回值为新组件的函数。组件是将 props 转换为 UI,而高阶组件是将组件转换为另一个组件。

阅读全文 »

React 进阶 -- Refs and DOM

React 数据流是单向的,通过 props 由父组件向子组件传递数据,如果要修改子组件,需要修改 props 来重新渲染子组件。refs 就是另一种方法,它允许我们访问真实的 DOM 节点或在 render 方法中创建的 React 元素。

阅读全文 »

JavaScript 网络请求 Fetch

JavaScript 可以将网络请求发送到服务器,并在需要时加载新信息。例如在表单提交、从服务器加载数据等都需要使用网络请求。对于来自 JavaScript 的网络请求,有一个总称术语 “AJAX”,有很多方式可以向服务端发送网络请求获取到数据。fetch()是目前比较通用的方法。

阅读全文 »

React 进阶 -- Context

在 React 中数据总是单向传递的,如果某个属性许多组件都需要就会使该过程变得极其繁琐,Context 提供了在组件间共享此类数据的方式,而不必显式地通过组件树的逐层传递 props。

阅读全文 »

React 进阶 -- 状态提升

如果多个组件需要反映相同的变化数据,可将它们提升至最近的父组件,由父组件渲染后再分发个子组件。

下面是一个汇率转换示例

阅读全文 »