während der Anwendung applyMiddleware (thunk) immer "keine Klasse als Funktion aufrufen können", reagieren in js

Question

Hier ist meine index.js Datei Code -

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App'; 
import './index.css'; 
import { BrowserRouter as Router, Route } from 'react-router-dom'; 
import { Provider } from 'react-redux'; 
import thunk from 'react-thunk'; 
import { createStore, applyMiddleware } from 'redux'; 
import Login from './Components/LoginRegister'; 

const store= createStore(
     (state = {}) => state, 
     applyMiddleware(thunk) 
    ); 

ReactDOM.render(( 
    <Provider store={store}> 
     <Router> 
     <switch> 
      <Route exact path="/" component={App} /> 
      <Route path="/Loginregister" component={Login} /> 
     </switch> 
     </Router> 
    </Provider> ), 
    document.getElementById('root') 
); 

als ich vorbei bin 'thunk' in 'applyMiddleware' als ‚applyMiddleware (thunk)‘ dann unter Fehler auf Konsole ich erhalte -

Uncaught TypeError: Cannot call a class as a function 
    at _classCallCheck (index.js:15) 
    at ReactThunk (index.js:36) 
    at applyMiddleware.js:51 
    at createStore (createStore.js:65) 
    at Object.<anonymous> (index.js:11) 
    at __webpack_require__ (bootstrap b42575b…:555) 
    at fn (bootstrap b42575b…:86) 
    at Object.<anonymous> (bootstrap b42575b…:578) 
    at __webpack_require__ (bootstrap b42575b…:555) 
    at bootstrap b42575b…:578 

lassen Sie es mich wissen, was ich falsch mache.

Answer 1

sind Sie

import thunk from 'react-thunk'; 

Import Aber thunk ist von der Redux-Thunk-Modul.

So sollten Sie importieren

import thunk from 'redux-thunk'; 

Außerdem denke ich, wird es ein Problem mit dem Aufruf von „creates“ sein.

createStore nimmt einen Reduzierer (oder kombinierte Reduzierer) und mögliche Middleware.

Ein Reduzierer nimmt einen Status und eine Aktion und muss den neuen Status des Geschäfts zurückgeben.

function reducer(state, action){ 

    // Switch-Case for action.type 
    // Copy the current state and apply changes 

    return state; 
} 

Answer 2

Nun, Ihr Problem ist offensichtlich aus dem Fehler. Sie können eine Funktion nicht als Klasse senden. in createStore() ist Ihr erstes Argument eine Funktion. Es sollte die kombinierten Reduzierungen sein, die Sie haben.

Erstellen Sie eine Datei mit den Reduzierungen, die Sie haben, importieren Sie sie in die Indexdatei. dann etwas tun, wie

const store = createStore(rootReducer, applyMiddleware(thunk))