Written on 27th December 2025 by Carter Phan.
useSelector là một hàm được cung cấp bởi thư viện Redux Toolkit hoặc thư viện Redux cho phép bạn lấy dữ liệu từ trạng thái Redux trong ứng dụng React.
Trong các component của bạn, bạn có thể sử dụng useSelector để truy cập dữ liệu từ trạng thái Redux. Hàm useSelector nhận một hàm selector làm đối số và trả về dữ liệu bạn muốn truy xuất.
import { useSelector } from 'react-redux';
function MyComponent() {
// Sử dụng useSelector để lấy dữ liệu từ trạng thái Redux
const myData = useSelector((state) => state.mySlice.myData);
return (
<div>
<p>{myData}</p>
</div>
);
}
useSelector giúp bạn truy cập dữ liệu từ Redux một cách dễ dàng và tự động cập nhật giao diện khi dữ liệu trong trạng thái Redux thay đổi. Điều này giúp bạn quản lý trạng thái của ứng dụng dễ dàng hơn và giảm sự phức tạp trong việc quản lý trạng thái của bạn.