How do you provide a context value to components in the tree?

Đáp án đúng: "

<MyContext.Provider value={
  someValue
}
> <Component /> </MyContext.Provider>

". Provider của context nhận giá trị qua prop value, và mọi component nằm bên trong nó đọc được giá trị đó bằng useContext(MyContext) hoặc Consumer. "

<MyContext value={
  someValue
}
> <Component /> </MyContext>

" chỉ chạy được từ React 19, khi bản thân đối tượng context được phép dùng làm Provider; với React 18 trở về trước, cách viết chuẩn và chắc chắn vẫn là MyContext.Provider. Phương án chứa "

<MyContext.Consumer value={
  someValue
}
>

" dùng Consumer, vốn để đọc giá trị qua một hàm con, không nhận prop value nên không cung cấp được gì. Phương án chứa "

<Component value={
  someValue
}
/>

" để Provider thiếu value nên các component con đọc ra undefined, còn someValue chỉ thành một prop thường của Component, không đi vào context.