useDispatch

useDispatch là một hook được cung cấp bởi thư viện Redux hoặc Redux Toolkit trong ứng dụng React. Nó được sử dụng để lấy tham chiếu đến hàm dispatch của Redux store, cho phép bạn gửi các action để thay đổi trạng thái trong ứng dụng của bạn. Dưới đây là cách sử dụng useDispatch:

Trong các component của bạn, bạn có thể sử dụng useDispatch để lấy tham chiếu đến hàm dispatch của Redux store.

import { useDispatch } from 'react-redux';
function MyComponent() {
const dispatch = useDispatch();
// Sử dụng hàm dispatch để gửi action
const handleButtonClick = () => {
dispatch({ type: 'INCREMENT' });
};
return (
<div>
<button onClick={handleButtonClick}>Tăng giá trị</button>
</div>
);
}

Trong ví dụ trên, khi người dùng click vào nút, chúng ta gửi một action có kiểu 'INCREMENT' đến store thông qua hàm dispatch. Điều này sẽ kích hoạt reducer tương ứng để thay đổi trạng thái.

useDispatch giúp bạn tương tác với Redux store một cách dễ dàng, cho phép bạn gửi các action để thay đổi trạng thái của ứng dụng của bạn.