THUNK LÀ GÌ

  -  
Redux-Thunk là một middleware thịnh hành độc nhất vô nhị được dùng làm cách xử lý những action bất đồng nhất vào Redux.

Bạn đang xem: Thunk là gì

Quý khách hàng đang xem: ' Thunk Là Gì - React Js: Phân Biệt Redux

quý khách có thể khám phá cụ thể về middleware trong Redux tại đây.

Bạn hoàn toàn có thể thấy biểu thiết bị so sánh các middleware của Redux được download các độc nhất, giúp bạn biết được package làm sao là loại dịch vụ phổ biến nhất.


*

*

Nlỗi các bạn thấy sống trên, redux-thunk là một trong những chọn lựa tốt nhất cho doanh nghiệp. So cùng với các package không giống là một trong những khoảng cách xa :-)

Tôi vẫn cần sử dụng Redux-Saga, và thấy rằng nó vẫn trở nên tân tiến từng ngày. Tôi cũng đã viết một bài bác về cách áp dụng nó tại chỗ này. Tôi sẽ vô cùng mê say thực hiện saga, nhưng mà tôi đã nói nó bao gồm một tẹo tinh vi với tương đối ko cần thiết đối với một ứng dụng đơn giản và dễ dàng cần được xử lý các action bất đồng bộ.

Tôi không cần sử dụng 2 package còn sót lại buộc phải quan yếu bình luận về bọn chúng.

Redux-thunk là 1 đoạn code bé dại chúng ta có thể coi 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 default thunk;Đúng vậy sẽ là tất cả về redux-thunk. Nhưng chớ bị lừa vày sự dễ dàng và đơn giản này. Nó là 1 đoạn code đẹp nhất với có tác dụng được rất nhiều sản phẩm.

Xem thêm: Sinh Ngày 19/11 Cung Gì ? Sinh Ngày 19/11 Là Cung Gì

Cách tôi giúp đỡ bạn phát âm được redux-thunk là gì?

Thông qua bài toán tôi đang sử dụng redux-thunk vài lần, tôi mong muốn đọc đúng mực phần đông sản phẩm vận động ra làm sao.

Trong post này, tôi đang lý giải đúng chuẩn giải pháp function applyMiddleware trong redux với createThunkMiddleware vào redux-thunk vận động. Chúng ta buộc phải gọi phần đông function này thiệt ví dụ giải pháp async được giải pháp xử lý.

Nếu các bạn coi code 2 function applyMiddleware cùng createThunkMiddleware chúng có thể cạnh tranh nếu khách hàng lạ lẫm cùng với các concept bên dưới đây:

ES6 arrow functionsComposing functionsCurrying functions

Nếu bạn đã nắm rõ rất nhiều concept trên thì chúng ta có thể đã hiểu phương pháp redux-thunk chuyển động, với bài viết này rất có thể không giúp được gì những cho chính mình.

Nhưng tôi vẫn viết bài xích này để giúp đỡ những người dân chưa nắm vững đa số concept bên trên hoặc chưa biết tỉ mỉ về nó. Đâu đó sinh hoạt mid level =))

Tôi đang viết một ví dụ nhỏ tuổi về React-Redux, nó có giải pháp xử lý một async action. Quý khách hàng hoàn toàn có thể xem thêm tại chỗ này.

Xem thêm: Lôm Côm Là Gì - Lôm Côm Trong Tiếng Anh Là Gì

Trong ví dụ này, tôi đang tạo thành một version của applyMiddleware với createThunkMiddleware để tôi gồm thể:

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

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