Javascript ×;TypeError:对象(…)不是函数
我试图使用React和Redux构建一个简单的计数器,但我遇到了这个错误。错误出现在第23行,即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
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';