Redux-Thunk là một trong trong middleware thông dụng độc đáo được dùng để gia công cách xử trí các action bất đồng nhất trong Redux.

Bạn đang xem: Redux thunk là gì?

Bạn sẽ xem: trên sao chúng ta nên sử dụng một middleware như redux thunk

quý quý khách hàng hoàn toàn rất có thể tò mò cụ thể về middleware vào Redux tại đây.

quý khách có thể thấy biểu đồ gia dụng gia dụng đối chiếu những middleware của Redux được download về các giỏi nhất, giúp cho bạn biết được package ra làm sao là thông dụng nhất.


*

*

Như các bạn thấy thao tác làm việc trên, redux-thunk là phổ biến nhất. So với rất nhiều package không giống là 1 trong những khoảng bí quyết xa :-)

Tôi đã sử dụng Redux-Saga, thuộc thấy rằng nó sẽ trở nên văn minh từng ngày. Tôi đã và đang viết một bài về kiểu cách sử dụng nó tại đây. Tôi đã cực kì say mê sử dụng saga, tuy thế lại tôi đang nói nó toàn bộ một tý phức hợp với hơi không cần thiết so với 1 app đơn giản rất rất cần được cách xử trí những kích hoạt bất đồng nhất.

Tôi chưa sử dụng 2 package còn lại yêu ước quan yếu phản hồi về chúng.

Redux-thunk là 1 trong những đoạn code bé bỏng dại bạn có thể coi qua:

function createThunkMiddleware(extraArgument) return ( dispatch, getState ) => next => kích hoạt => if (typeof action === 'function') return action(dispatch, getState, extraArgument); return next(action); ;const thunk = createThunkMiddleware();thunk.withExtraArgument = createThunkMiddleware;export default thunk;Đúng vậy vẫn là cục bộ về redux-thunk. Nhưng chớ bị lừa vì chưng sự tiện lợi này. Nó là một trong đoạn code đẹp với có tính năng được rất nhiều máy.

Cách tôi khiến cho mình đọc được redux-thunk là gì?

Thông qua vụ việc tôi đang thực hiện redux-thunk vài lần, tôi ước ao mỏi đọc đúng mực gần như sản phẩm công nghệ vận động vắt nào.

Trong post này, tôi sẽ phân tích và lý giải đúng đắn tuyệt kỹ function applyMiddleware trong redux cùng createThunkMiddleware vào redux-thunk chuyển động. Họ bắt buộc phạt âm phần đông function này thiệt ví dụ giải pháp async được xử lý.

Nếu bọn họ xem code 2 function applyMiddleware thuộc createThunkMiddleware chúng rất có thể khó khăn nếu khách hàng xa lạ với những concept bên dưới đây:

ES6 arrow functionsComposing functionsCurrying functions

Nếu các bạn vẫn nắm vững số đông concept trên thì bạn có thể đã biết cách redux-thunk vận động, cùng bài viết này rất rất có thể không cung ứng được gì số đông cho thiết yếu mình.

Nhưng tôi sẽ viết bài xích xích này để giúp đỡ đỡ những người dân dân không nắm rõ gần như concept bên trên hoặc lừng chừng kĩ càng về nó. Đâu kia nghỉ ngơi mid lever =))

Tôi vẫn viết một ví dụ nhỏ dại về React-Redux, nó bao hàm xử trí một async action. Người tiêu dùng rất gồm thể tham khảo thêm tại đây.

Xem thêm: Tìm Hiểu Về Mạch Điện Là Gì ? Mô Hình Cấu Tạo Mạch Điện Cơ Bản

Trong ví dụ như này, tôi đang tạo nên một version của applyMiddleware và createThunkMiddleware nhằm tôi tất cả thể:

Convert ES6 arrow functions không thương hiệu thành sở hữu tên nhằm nắm rõ rộng.Thêm vào các console.log trong số function để dễ dàng nắm bắt về flow.Và cũng phân chia nhỏ tuổi những step nhằm mục tiêu dễ gọi hơn.

Còn đây là version của applyMiddleware function của tôi: