How would you use the useContext Hook to access a shared theme 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 ánLời giảiChọn phương án để mở
Đáp án đúng: "const theme = useContext(ThemeContext);". useContext nhận chính đối tượng context được tạo bằng createContext và trả về giá trị mà Provider gần nhất phía trên cây truyền xuống qua prop value; khi Provider truyền thẳng giá trị chủ đề (chuỗi 'dark' hoặc một đối tượng màu) thì gán kết quả cho biến theme như trên là đúng. "const { theme } = useContext(ThemeContext);" chỉ đúng khi value là một đối tượng có khoá theme bên trong; câu hỏi cần lấy chính giá trị chủ đề dùng chung nên phân rã là thêm một giả định không có. "const { theme } = useContext(ThemeContext.Provider);" sai kép: vừa phân rã thêm khoá theme vừa truyền component Provider thay cho đối tượng context. "const theme = useContext(ThemeContext.Provider);" cũng truyền ThemeContext.Provider vào useContext; React yêu cầu đối số là chính ThemeContext, cách gọi với Provider không được hỗ trợ và React đưa ra cảnh báo.
Cùng phần 6
Find the bug in the following React code: const [items, setItems] = useState([]); const addItem = () => { items.push('new'); setItems(items); };Có lời giảiCâu hỏiWhich is the correct way to consume context in a functional component using the "useContext" hook?Có lời giảiCâu hỏiIn the useEffect hook, how many milliseconds would you wait using setTimeout to perform a side effect after 2 seconds?Có lời giảiCâu hỏiCả 24 câu của chủ đề24 câu