Giới thiệu về State trong React
Khái niệm tiếp theo chúng ta sẽ phân tích được gọi là state. State đại diện cho các biến phản ứng của component.
Tính phản ứng có nghĩa là khi state thay đổi, thay đổi sẽ xảy ra ở tất cả các nơi mà state đó được sử dụng. Về mặt kỹ thuật, điều này đạt được bằng cách render lại toàn bộ component khi bất kỳ state nào thay đổi.
Để sử dụng state, trước tiên cần phải
import hàm useState:
import React, { useState } from 'react';
Hàm useState nhận tham số là
giá trị ban đầu của state, và kết quả trả về của nó
là một mảng đặc biệt gồm hai phần tử.
Phần tử đầu tiên của mảng sẽ chứa
giá trị hiện tại của state, và phần tử thứ hai - hàm
để thay đổi state.
Để state hoạt động chính xác, không được thay đổi chúng một cách trực tiếp, mà phải sử dụng hàm để thay đổi chúng - chỉ khi đó tính phản ứng mới hoạt động.
