How do you import and initialize the useReducer hook in a React component?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở
Đáp án đúng gồm hai ý: "const [state, dispatch] = useReducer(reducer, initialState);" và "import React, { useReducer } from 'react';". useReducer là hook có sẵn trong gói react nên phải import từ react, sau đó gọi với hàm reducer và state ban đầu; hook trả về mảng hai phần tử gồm state hiện tại và hàm dispatch để gửi action, reducer nhận state cũ cùng action và trả về state mới. "const [state, setState] = useReducer(reducer, initialState);" không được chọn vì phần tử thứ hai là dispatch nhận action chứ không nhận giá trị state mới; đặt tên setState về cú pháp vẫn chạy nhưng gây hiểu nhầm với hàm đặt state của useState, nên không phải cách viết đúng quy ước. "import { useReducer } from 'react-redux';" sai vì react-redux không xuất useReducer; thư viện này cung cấp Provider, useSelector, useDispatch để làm việc với store Redux, còn useReducer là hook quản lý state cục bộ của chính React.

Cùng phần 6

Xuất hiện trong 1 bộ đề