Javascript ×;TypeError:对象(…)不是函数

Javascript ×;TypeError:对象(…)不是函数,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我试图使用React和Redux构建一个简单的计数器,但我遇到了这个错误。错误出现在第23行,即conststore=createStore(reducer)。我使用的React版本是16.8.6 import React, { Component } from 'react'; import {render} from 'react-dom'; import {createStore} from 'react'; import {connect,Provider} from 'react-re

我试图使用React和Redux构建一个简单的计数器,但我遇到了这个错误。错误出现在第23行,即
conststore=createStore(reducer)
。我使用的React版本是16.8.6

import React, { Component } from 'react';
import {render} from 'react-dom';
import {createStore} from 'react';
import {connect,Provider} from 'react-redux';
import './styles.scss';

const InitialState = {
  count: 0,
};

const IncrementValue = () => ({
  type: 'INCREMENT',
});

const reducer = (state = InitialState, action) => {
  if (action.type === 'INCREMENT') {
    return {
      count: state.count + 1,
    };
  }
  return state;
};
const store = createStore(reducer);

class Counter extends Component {
  render() {
    const { count, increment } = this.props;
    console.log({ count, increment });
    return (
      <main className="Counter">
        <p className="count">0</p>
        <section className="controls">
          <button>Increment</button>
          <button>Decrement</button>
          <button>Reset</button>
        </section>
      </main>
    );
  }
}
const mapStatetoProps = state => {
  return state;
};
const mapDispatchToProps = dispatch => {
  return {
    increment() {
      dispatch(IncrementValue());
    },
  };
};
const CounterContainer=connect(mapStatetoProps, mapDispatchToProps)(Counter);
render(
  <Provider store={store}>
    <CounterContainer/>
  </Provider>,
  document.getElementById('root'),
);
import React,{Component}来自'React';
从'react dom'导入{render};
从“react”导入{createStore};
从'react redux'导入{connect,Provider};
导入“./styles.scss”;
常量初始状态={
计数:0,
};
常量增量值=()=>({
键入:“增量”,
});
const reducer=(state=InitialState,action)=>{
如果(action.type==='INCREMENT'){
返回{
计数:state.count+1,
};
}
返回状态;
};
const store=createStore(reducer);
类计数器扩展组件{
render(){
const{count,increment}=this.props;
log({count,increment});
返回(

0

增量 减量 重置 ); } } 常量mapStatetoProps=状态=>{ 返回状态; }; const mapDispatchToProps=调度=>{ 返回{ 增量(){ 分派(递增值()); }, }; }; const CounterContainer=connect(mapStatetoProps,mapDispatchToProps)(计数器); 渲染( , document.getElementById('root'), );
是Redux的功能,而不是React。 将导入更改为

import { createStore } from 'redux';
是Redux的函数,而不是React。 将导入更改为

import { createStore } from 'redux';