从0开始学前端 第五十四课：React Hooks

第五十四课：React Hooks

学习目标

本课的目标是帮助你理解并掌握React Hooks的使用，具体目标包括：

1. 学习useState和useEffect的基本用法。
2. 理解如何创建和使用自定义Hooks。
3. 了解其他内置Hooks（如useContext, useReducer, useCallback, useMemo, useRef等）的作用和用法。

学习内容

1. useState与useEffect

• 概念:

  • useState是一个Hook，它允许你在函数组件中添加React状态。
  • useEffect是一个Hook，用于处理副作用，如数据获取、订阅或手动更改React组件中的DOM。

• 代码示例:

  import React, { useState, useEffect } from 'react';
  
  function Example() {
    // 使用useState Hook声明一个新的状态变量
    const [count, setCount] = useState(0);
  
    // 使用useEffect Hook来更新文档标题
    useEffect(() => {
      document.title =