So fordern Sie Daten asynchron in React an

So fordern Sie Daten asynchron in React an: 1. Laden Sie Thunk über den Befehl „npm i redux-thunk --save npm i axios --save“ herunter. 2. Führen Sie das Thunk-Plugin in store.js ein der actionCreator, der das Modul benötigt. Führen Sie einfach die Middleware „redux-thunk“ ein.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie kann ich Daten asynchron in React anfordern?

Asynchrone Anforderungsdatenmethode reagieren.

Es gibt viele Lösungen für die asynchrone Anforderung von Daten in React.

1. Saga (mit er6-Generatorfunktion)

3.…

Warum ein Plug-in verwenden? Es geht darum, diese Redux-Aktion zu transformieren. Wenn wir eine Aktion asynchron senden, kann actionCreator das Objekt nur zurückgeben. Mit dem asynchronen Plug-in können Sie die Aktion nach einer bestimmten Zeit erneut senden, um die Aktion zu ändern.

Dieser Artikel verwendet Thunk. Es ist vielleicht nicht das Beste, aber es ist das, was ich gewohnt bin.

1. Laden Sie

npm i redux-thunk --save
npm i axios --save

2 herunter. Führen Sie das Plug-in in store.js ein und verwenden Sie es. 3. Daten senden Komponenten in den erforderlichen Modulen:

import {createStore,applyMiddleware} from 'redux'   //引入applyMiddleware
import reducers from './reducers'  //总的reducer
import thunk from 'redux-thunk'   //引入thunk 
var store = createStore(reducer,applyMiddleware(thunk));  //使用中间件
export default store;

Empfohlenes Lernen: „

React-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo fordern Sie Daten asynchron in React an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!