Redux 问题 Object(..) 不是一个函数

Question

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { createStore } from 'redux';

function counter(state= {value: 0}, action) {
switch(action.type) {
default: 
return state
}
}

const store = createStore(counter)
ReactDOM.render(
<Provider store={store}>
</Provider>
, document.getElementById('root'));

只需尝试在项目中运行最简单的 redux 代码，而不是产生 Typeerror 我可以尝试学习 redux，并且我有在代码沙箱中工作的代码，但在项目中我收到错误 对象 (...( 不是函数

Answer 1

嘿，伙计...将function转换为 Es6 以避免this.问题 而作为化简器的计数器应该在createStore(counterReducer())中调用，同样在 switch 语句中你需要返回一个新的状态，这就是为什么。return状态在新对象中传播。

即return {...state}

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { createStore } from 'redux';

const counterReducer = (state= {value: 0}, action) => {
switch(action.type) {
default:
return {
...state
}
}
}

const store = createStore(counterReducer())
ReactDOM.render(
<Provider store={store}>
{....}
</Provider>
, document.getElementById('root'));