Chuyển tới nội dung chính

Import State

Để sử dụng State chúng ta phải tiến hành import hook useState

Create-HTML-1

Ẩn/Hiện mục lục

I. Tạo biến trạng thái

Chúng ta thêm hàm useState từ gói "react". useState là một named export có cú pháp thêm là:

import {useState} from "react";

Nếu bạn đã thêm React vào trong cùng một file, bạn có thể kết hợp các lệnh import thành một lệnh import duy nhất. Ví dụ:

import React from "react";
import {useState} from "react";

2 câu lệnh có thể được kết hợp thành một lệnh import duy nhất:

import React, {useState} from "react";

II. Lưu ý

  • React là default export (không có dấu ngoặc nhọn)
  • useState là named export (được đóng gói trong dấu ngoặc nhọn)
  • useState là một trong nhiều hook được cung cấp bởi React.
Tóm lại
  • useState cho phép tạo một biến trạng thái trong Component
  • useState là một named export cần được thêm vào file JavaScript
  • Bạn thêm useStateReact vào file JavaScript bằng lệnh: import React, {useState} from "react";
  • useState là một React hook.

FAQ - Câu hỏi thường gặp khi phỏng vấn


Câu 1: Import State là gì?

Để sử dụng state trong React, bạn cần import hook useState từ thư viện react. Đây là bước bắt buộc khi làm việc với Function Component.