React Hooks Tìm hiểu Sâu: Phần 1 - useState và useEffect

Đây là phần đầu tiên của loạt bài khám phá React Hooks một cách sâu sắc. Trong bài viết này, chúng ta sẽ tìm hiểu hai hooks cơ bản nhất: useState và useEffect.

useState Hook

Hook useState cho phép bạn thêm state vào các functional components:

TypeScript

import { useState } from 'react';
 
function Counter() {
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>Số đếm: {count}</p

Điểm chính

State có thể là bất kỳ kiểu nào: number, string, object, array, v.v.
Hàm setter có thể nhận một giá trị hoặc một hàm
Cập nhật state kích hoạt re-renders

useEffect Hook

Hook useEffect cho phép bạn thực hiện side effects trong functional components:

TypeScript

import { useEffect,

Trong Phần 2, chúng ta sẽ khám phá useContext, useReducer và custom hooks. Hãy đón xem!

React Hooks Tìm hiểu Sâu: Phần 1 - useState và useEffect

useState Hook

Điểm chính

useEffect Hook

Tiếp theo

Dependency Array

React Hooks Tìm hiểu Sâu: Phần 1 - useState và useEffect