Tìm Hiểu Về Redux Thunk Là Gì Trong Tiếng Việt? Tìm Hiểu Về Redux Thunk

 - 
Redux-Thunk là một trong middleware thịnh hành độc nhất vô nhị được dùng để xử trí các action bất đồng điệu trong Redux.

Bạn đang xem: Tìm hiểu về redux thunk là gì trong tiếng việt? tìm hiểu về redux thunk

quý khách rất có thể mày mò cụ thể về middleware vào Redux ở đây.

Bạn rất có thể thấy biểu thiết bị so sánh những middleware của Redux được download nhiều tuyệt nhất, giúp đỡ bạn biết được package nào là một trong những chọn lựa tốt nhất cho doanh nghiệp.


*

*

Nlỗi chúng ta thấy sống trên, redux-thunk là phổ biến nhất. So cùng với những package không giống là 1 trong những khoảng cách xa :-)

Tôi đang sử dụng Redux-Saga, và thấy rằng nó sẽ cải cách và phát triển từng ngày một. Tôi cũng đã viết một bài xích về phong thái áp dụng nó tại chỗ này. Tôi đã rất say đắm áp dụng saga, nhưng tôi đã nói nó bao gồm một tẹo phức hợp cùng tương đối ko quan trọng đối với một tiện ích dễ dàng cần được cách xử lý các action bất đồng nhất.

Tôi chưa dùng 2 package còn sót lại yêu cầu không thể phản hồi về bọn chúng.

Nhưng tôi vẫn khuim chúng ta nên liếc qua Redux-Saga.

Xem thêm: Tác Dụng Của Đậu Trắng Là Đậu Gì ? Thông Tin Bạn Cần Biết

Redux-thunk là 1 trong đoạn code bé dại chúng ta cũng có thể xem qua:

function createThunkMiddleware(extraArgument) return ( dispatch, getState ) => next => action => if (typeof action === 'function') return action(dispatch, getState, extraArgument); return next(action); ;const thunk = createThunkMiddleware();thunk.withExtraArgument = createThunkMiddleware;export mặc định thunk;Đúng vậy đó là tất cả về redux-thunk. Nhưng đừng bị lừa vày sự đơn giản và dễ dàng này. Nó là một đoạn code đẹp nhất cùng làm cho được không ít thiết bị.

Cách tôi khiến cho bạn phát âm được redux-thunk là gì?

Thông qua vấn đề tôi sẽ sử dụng redux-thunk vài lần, tôi ước ao phát âm đúng đắn phần nhiều lắp thêm vận động như thế nào.

Trong post này, tôi đang giải thích đúng đắn biện pháp function applyMiddleware vào redux với createThunkMiddleware trong redux-thunk hoạt động. Chúng ta đề xuất gọi rất nhiều function này thật ví dụ bí quyết async được giải pháp xử lý.

Nếu chúng ta coi code 2 function applyMiddleware với createThunkMiddleware bọn chúng rất có thể khó khăn nếu bạn xa lạ cùng với những concept dưới đây:

ES6 arrow functionsComposing functionsCurrying functions

Nếu bạn đang nắm rõ số đông concept bên trên thì bạn có thể đã biết phương pháp redux-thunk vận động, cùng bài viết này có thể không hỗ trợ được gì nhiều cho bạn.

Nhưng tôi vẫn viết bài xích này sẽ giúp đỡ những người chưa nắm rõ hầu như concept bên trên hoặc không biết tỉ mỉ về nó. Đâu kia ở mid màn chơi =))

Tôi vẫn viết một ví dụ nhỏ dại về React-Redux, nó có cách xử lý một async action. quý khách hàng có thể xem thêm tại đây.

Xem thêm: Jadi Rio Di Money Heist Korea, Intip 6 Fakta Lee Hyun Woo Bin Ideas

Trong ví dụ này, tôi sẽ tạo nên một version của applyMiddleware và createThunkMiddleware nhằm tôi bao gồm thể:

Convert ES6 arrow functions ko thương hiệu thành có tên nhằm làm rõ rộng.Thêm vào các console.log trong các function để dễ nắm bắt về flow.Và cũng phân tách nhỏ các step để dễ hiểu hơn.

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