Wie fügt man `redux-thunk` und` redux-promise` hinzu?

Question

Mein Textbaustein ist umgekehrte Reihenfolge von der redux-thunk Dokumente. Mein Textbaustein createStore ist das Argument, aber die Dokumentation verwendet createStore als eine Funktion. Ich bin jetzt verwirrt. Wie kann ich die store korrekt implementieren?

Ich muss Redux-Thunk verwenden. Aber mein vorformulierten ist wie diese

import React, {Component} from 'react'; 
import './App.css'; 
import SelectTeam from "./components/select_teams"; 
import reducers from './reducers/index'; 
import {Provider} from 'react-redux'; 
import promise from "redux-promise"; 
import {applyMiddleware, createStore} from 'redux'; 
import {BrowserRouter, Route, Switch, Redirect} from 'react-router-dom'; 
import LoginPage from './components/loginPage'; 

const createStoreWithMiddleware = applyMiddleware(promise)(createStore); 
... 
render() { 
    return (
     <Provider store={createStoreWithMiddleware(reducers)}> 
     <BrowserRouter> 
     .... 

Und hier ist die offizielle Dokumentation

import { createStore, applyMiddleware } from 'redux'; 
import thunk from 'redux-thunk'; 
import rootReducer from './reducers'; 

// Note: this API requires redux@>=3.1.0 
const store = createStore(
    rootReducer, 
    applyMiddleware(thunk) 
); 

Wie kann ich redux-Thunk zu meinem vorhandenen Text hinzufügen?

Answer 1

einfach passieren es

applyMiddleware(promise, thunk)(createStore)

Oder applyMiddleware:

createStore(reducer, applyMiddleware(promise, thunk))

Answer 2

Ich benutze dies. Aber ich bin mir nicht sicher, ob es richtig ist oder nicht, aber zumindest. Es bricht meine App nicht (nur für den Moment).

import thunk from 'redux-thunk'; 
... 
<Provider store={createStoreWithMiddleware(reducers, applyMiddleware(thunk))}>