useReducer tập trung hóa các chuyển trạng thái vào một hàm reducer thuần khiết duy nhất, thay vì rải rác nhiều setter useState. Đó là phiên bản tích hợp của React cho mẫu Redux.
() {
(action.) {
: { : state. + };
: { ...state, : action. };
: { : , : };
: state;
}
}
() {
[state, dispatch] = (reducer, { : , : });
;
}
Bạn dispatch một action (một object thuần mô tả một sự kiện). React gọi reducer(currentState, action) và dùng object trả về làm state mới. Reducer là thuần khiết (không side effect, không sửa đổi), điều này làm logic dự đoán được và unit-test được một cách độc lập.
count + step + error).// thay vì 4 useState riêng + 6 setter, một reducer sở hữu tất cả
Thêm: dispatch có danh tính ổn định, nên truyền nó qua context hoặc tới các con đã memoize không gây render lại. Với các giá trị đơn giản, độc lập, useState thuần vẫn rõ ràng hơn.