Javascript 反应还原->;TypeError:对象(…)不是函数

Javascript 反应还原->;TypeError:对象(…)不是函数,javascript,reactjs,redux,Javascript,Reactjs,Redux,因此,我正在学习react,并将代码拆分为单独的文件,如下->ReduxDemo.js/reducers.js/store.js/actions.js 以下是他们的内容: ReduxDemo.js: import React from 'react' import {useSelector} from 'react-redux' function ReduxDemo(){ const cakeAmount = useSelector(state=>state.cakeCount)

因此,我正在学习react,并将代码拆分为单独的文件,如下->ReduxDemo.js/reducers.js/store.js/actions.js 以下是他们的内容:

ReduxDemo.js:

import React from 'react'
import {useSelector} from 'react-redux'
function ReduxDemo(){
    const cakeAmount = useSelector(state=>state.cakeCount)      
     return(
        <div>
            <div>
                <h1>Amount of cakes - {cakeAmount}</h1>
            </div>
        </div>)
    }
export default ReduxDemo;
store.js:

import reducers from './reducers'
import {createStore} from 'react'

const store = createStore(reducers)
store.subscribe(()=>
{
    console.log('store changed:', store.getState())
})
export default store;
actions.js:

import store from './store'
export const buyCake=()=>
        {
            store.dispatch({type: 'buyCake'})
        }

    
App.js:

import React from 'react';
import logo from './logo.svg';
import './App.css';
import ReduxDemo from './ReduxDemo'
import {Provider} from 'react-redux'
import store from './store'
function App() {

  return (
    <div>
        <Provider store={store}>
          <ReduxDemo></ReduxDemo>
        </Provider>
    </div>
  );
}

export default App;
从“React”导入React;
从“/logo.svg”导入徽标;
导入“/App.css”;
从“./ReduxDemo”导入ReduxDemo
从“react redux”导入{Provider}
从“./store”导入存储
函数App(){
返回(
);
}
导出默认应用程序;

出于某种模糊的原因,我得到了“TypeError:Object(…)不是一个函数”,它应该位于store.js中的这一行。js->
const store=createStore(reducers)
这是为什么?我如何修复它?

createStore
不是React提供的函数。您需要从Redux导入它:

//store.js
从“redux”导入{createStore}

createStore
不是React提供的功能。您需要从Redux导入它:

//store.js
从“redux”导入{createStore}

非常感谢!我会接受你的回答,让我(大约5分钟)非常感谢!我会接受你的回答(大约5分钟后)
import React from 'react';
import logo from './logo.svg';
import './App.css';
import ReduxDemo from './ReduxDemo'
import {Provider} from 'react-redux'
import store from './store'
function App() {

  return (
    <div>
        <Provider store={store}>
          <ReduxDemo></ReduxDemo>
        </Provider>
    </div>
  );
}

export default App;