store.get状态不是函数React-redux

Question

我试图做一个登录表单，它需要我迁移我的soloreac应用程序在反应redux应用程序。我面临许多错误，并坚持与TypeError：store.get状态不是一个函数。我是这方面的新手，任何帮助都会得到重视。

指数js文件

import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from './serviceWorker';
import Provider from "react-redux/es/components/Provider";
import {applyMiddleware, createStore} from "redux";
import * as promise from 'redux-promise';

// ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.

const createstorewithmiddleware = applyMiddleware(promise)(createStore)

ReactDOM.render(
  <Provider store={createstorewithmiddleware}>
    <App />
  </Provider>, document.getElementById('root'),
);

serviceWorker.unregister();

应用程序。js文件：

import { HashRouter, Route, Switch, Router, Link } from 'react-router-dom';
import './App.scss';
import {connect} from "react-redux";

import Home from "./screens/home";
import SignInScreen from "./screens/signInScreen";
import SignUpScreen from "./screens/signUpScreen";
import {checkUser} from "./actions/auth";


const loading = () => <div className="animated fadeIn pt-3 text-center">Loading...</div>;

// Containers
const DefaultLayout = React.lazy(() => import('./containers/DefaultLayout'));

// Pages
const Login = React.lazy(() => import('./views/Pages/Login'));

const Register = React.lazy(() => import('./views/Pages/Register'));
const Page404 = React.lazy(() => import('./views/Pages/Page404'));
const Page500 = React.lazy(() => import('./views/Pages/Page500'));

class App extends Component {
  componentDidMount() {
    this.props.checkUser();
  }

  render() {
    return (
      <HashRouter>
        <React.Suspense fallback={loading()}>
          <Switch>
            {/*<Route exact path="/login" name="Login Page" render={props => <Login {...props}/>} />*/}
            <Route exact path="/sign-in/" component={SignInScreen}/>
            <Route exact path="/sign-up/" component={SignUpScreen}/>

            {/*<Route exact path="/register" name="Register Page" render={props => <Register {...props}/>} />*/}
            <Route exact path="/404" name="Page 404" render={props => <Page404 {...props}/>} />
            <Route exact path="/500" name="Page 500" render={props => <Page500 {...props}/>} />
            <Route path="/" name="Home" render={props => <DefaultLayout {...props}/>} />
          </Switch>
        </React.Suspense>
      </HashRouter>
    );
  }
}

const mapStateToProps = (state) => ({
});

const mapDispatchToProps = (dispatch) => ({
  checkUser: () => dispatch(checkUser())
});

export default connect(mapStateToProps, mapDispatchToProps)(App);

我得到这个错误。我不明白是什么文件或代码导致了这个错误。

类型错误：存储。getState不是新提供程序节点的函数\u modules/react redux/es/components/Provider。js:25 22 |店：店，23 |订阅：订阅24 |}；25 | | u这个。previousState=存储。getState（）；|^26 |归还|此；27 |}28 |查看编译的constructClassInstance节点_modules/react-dom/cjs/react-dom。发展js:11787 11784 |新演员（道具、背景）；//eslint disable line no new 11785 |}11786 |}11787 | var instance=new ctor（props，context）；|^11788 | var状态=工作进度。memoizedState=实例。国家！==无效的

Answer 1

尝试以不同的方式启动您的店铺：

const createstorewithmiddleware = createStore(yourReducer, applyMiddleware(promise))