在表单中演示可复用的 React 组件
组件是 React 应用程序的构建块。几乎不可能构建一个 React 应用程序而不使用组件。它非常普遍，以至于一些第三方包为你提供了可用于集成的组件……
Kingsley Silas 于 发布
文章标签
12 篇文章
了解 useReducer React Hook
useReducer 是 React 16.7.0 中发布的少数几个React hooks 之一。它接收一个带有应用程序初始状态的reducer 函数，返回当前应用程序状态，然后分派一个函数。
以下是如何使用它的示例……
Kingsley Silas 于 发布
React 生命周期循环
React 组件在其应用程序生命周期中会经历不同的阶段，尽管可能没有明显地意识到幕后正在发生的事情。
这些阶段是
- 挂载
- 更新
- 卸载
- 错误处理
每个阶段都有方法……
Kingsley Silas 于 发布
React 16.6.0 新增功能
React 16.6.0 于 2018 年 10 月发布，并带来了一些增强功能，使我们能够以更便捷的方式使用 React 进行开发。我们将介绍我认为最好的新功能，并举例说明如何使用它们……
Kingsley Silas 于 发布
React Hooks 简介
Hooks 使我们能够在组件中组织逻辑，使它们变得小巧且可复用，而无需编写类。从某种意义上说，它们是 React 倾向于函数的方式，因为在它们出现之前，我们必须在组件中编写它们，而组件本身已被证明是强大且功能强大的，但它们必须在前端渲染某些内容。在某种程度上，这都很好，但结果是 DOM 中充斥着 div，这使得在 DevTools 中查找和调试变得很麻烦。
Kingsley Silas 于 发布
使用 React Portals 将子元素渲染到 DOM 层次结构之外
假设我们需要将一个子元素渲染到 React 应用程序中。很容易吧？该子元素会挂载到最近的 DOM 元素，并因此在其中渲染。
render() {
return (
<div>
// Child to render
Kingsley Silas 于 发布
使用 React Virtualized 渲染列表
在 React 中处理数据相对容易，因为 React 旨在将数据作为状态处理。当需要使用的数据量变得非常庞大时，麻烦就开始了。例如，假设你必须处理一个数据集……
Kingsley Silas 于 发布
使用 Context API 在 React 中创建复合组件
React 中的复合组件允许你创建具有某种形式的连接状态的组件，这些状态在组件之间进行管理。一个很好的例子是Form 组件在Semantic UI React 中。
要了解如何在……中实现复合组件
Kingsley Silas 于 发布
React 中的 Render Props 概述
React 中的 Render Props 概述
在 React 中使用 render props 是一种有效复用代码的技术。根据React 文档，“具有 render prop 的组件接收一个返回 React 元素的函数，并且……”
Kingsley Silas 于 发布