Я пытаюсь реализовать пример из книги React & Redux, стр. 204, но есть странная проблема - There is TypeError (0 , _ColorReducer.color) is not a function error in React code
У меня есть 2 редуктора для одного цвета и для множества цветов:
import React from "react";
import * as C from "./Constants";
import { color } from "./ColorReducer";
export const colorsReducer = (state = [], action) => {
switch (action.type) {
case C.ADD_COLOR:
return [...state, color({}, action)];
case C.RATE_COLOR:
return state.map(item => color(item, action));
default:
return state;
}
};
и
import React from "react";
import * as c from "./Constants";
export const сolor = (state = {}, action = {}) => {
switch (action.type) {
case c.ADD_COLOR:
return {
id: action.id,
title: action.title,
color: action.color,
rating: action.rating
};
case c.RATE_COLOR:
return state.id !== action.id
? state
: {
...state,
rating: action.rating
};
default:
return state;
}
};
Итак, проблема в цветах Reducer в строке, где
return state.map(item => color(item, action));
Пример полного кода: здесь
Можете ли вы помочь мне понять причину?