Logo
☆☆☆☆☆
0.0
Advanced
8h

高级 React 模式与 Hooks

随着钩子（hooks）的推出，一些传统的 React 使用模式已经过时。在接下来的几年里，钩子很可能是编写 React 组件的主要方式，因此它们非常重要。虽然传统的 React 模式仍然可以使用，但在大多数情况下，开发者采用钩子会更优。例如，应优先选择钩子而非渲染属性（render props）或高阶组件（higher-order components）。尽管在某些特定场景下，前述模式仍有用武之地，但通常情况下，钩子是更好的选择。不过，本课程将教你如何使用钩子实现一些更高级的 React 模式。

8 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
高级 React 模式与 Hooks
随着钩子（hooks）的推出，一些传统的 React 使用模式已经过时。在接下来的几年里，钩子很可能是编写 React 组件的主要方式，因此它们非常重要。虽然传统的 React 模式仍然可以使用，但在大多数情况下，开发者采用钩子会更优。例如，应优先选择钩子而非渲染属性（render props）或高...

WHAT YOU'LL LEARN

使用 Hooks 实现复合组件等高级 React 模式

Content

8 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    预期内容

  2. 2

    为什么要使用高级模式？

复合组件模式
  1. 1

    什么是复合组件？

  2. 2

    示例：构建一个可扩展组件

  3. 3

    防止不必要的渲染

  4. 4

    处理状态变更回调

  5. 5

    保持数值不变

  6. 6

    构建复合子组件

  7. 7

    可管理的样式设计用于可复用组件

  8. 8

    自定义样式选项

  9. 9

    组件的自定义使用

结论
  1. 1

    接下来该去哪里？

  2. 2

    最后的话

控制属性
  1. 1

    什么是控制属性？

  2. 2

    控制属性的工作原理

  3. 3

    使用受控组件

  4. 4

    创建自定义 Hook

  5. 5

    提供默认的用户界面元素

属性集合
  1. 1

    什么是属性集合模式？

  2. 2

    Props 集合模式的实际应用

属性获取器
  1. 1

    什么是属性获取器模式？

  2. 2

    额外用户属性

  3. 3

    具有相同属性名称的属性处理

状态初始化
  1. 1

    设置状态的初始值（checkpoint）

  2. 2

    重置状态

  3. 3

    消除多余的状态变量

状态还原器
  1. 1

    什么是状态还原器模式？

  2. 2

    重构为 useReducer

  3. 3

    用户的应用程序

  4. 4

    实现状态还原器模式

  5. 5

    更新内部状态

  6. 6

    清理工作

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)