Provider.js:20 Uncaught TypeError: store.getState is not a function

Question

**我無法修復此錯誤，請幫助我修復它。 當我要將我的 reactApp 運行到我的本地主機中時，然后在控制台中我收到很多錯誤，但我的終端沒有收到任何錯誤。 在這個應用程序中，我使用 redux,react-redux,axios，來自packegemanager **

這是我的代碼

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { Provider } from 'react-redux';
import store from './store'

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
  <Provider store={store}>
  <App />
  </Provider>
  </React.StrictMode>
);

應用程序.js

function App() {
  return (
    <div className="App">
     <h3>Practice redux</h3>
     <TodosApp />
    </div>
    
  );
}

export default App;

store.js

import todosReducer from './component/todo/todoReducer'
import thunk from 'redux-thunk'

const store = createStore(todosReducer,thunk)
export default store 

actiontype.js

export const GET_REQUEST_SUCCESS = 'GET_REQUEST_SUCCESS'
export const GET_REQUEST_FAILD = 'GET_REQUEST_FAILD'

actionCreator.js

const initialState = {
    isLoading : false,
    todo :[],
    error: null
}



const todosReducer = (state= initialState,action) => {

    switch (action.type) {
        case GET_REQUEST_LOADING:
            
            return{
                ...state,
                isLoading:true
            }
    
            case GET_REQUEST_SUCCESS:
            
            return{
                ...state,
               todo : action.payload,
               isLoading :false,
               error: null
            }

            case GET_REQUEST_FAILD:
            
            return{
                ...state,
                error: action.payload
            }
        default:
            return state;
    }
}

export default todosReducer

todoreducer

const initialState = {
    isLoading : false,
    todo :[],
    error: null
}



const todosReducer = (state= initialState,action) => {

    switch (action.type) {
        case GET_REQUEST_LOADING:
            
            return{
                ...state,
                isLoading:true
            }
    
            case GET_REQUEST_SUCCESS:
            
            return{
                ...state,
               todo : action.payload,
               isLoading :false,
               error: null
            }

            case GET_REQUEST_FAILD:
            
            return{
                ...state,
                error: action.payload
            }
        default:
            return state;
    }
}

export default todosReducer

Answer 1

從'redux'導入{createStore，applyMiddleware}；

export const store = createStore(countReducer, applyMiddleware(thunk)); thunk 應該 go 通過中間件。