Redux add item in array, crud?

папробуйте так

//add
        case ADD_PRODUCT:
            return
 { ...state,
                    product: [...state.product, action.product]
                }

Роман Александрович, изменений не произошло

acorn, покажите в консоле данные

//add
        case ADD_PRODUCT:
       console.log(state,action.product)
            return
 { ...state,
                    product: [...state.product, action.product]
                }

Роман Александрович,

Роман Александрович, potato=>productReducer там начальный массив
из 3 продуктов

Роман Александрович,

//load file 
const initialState = {   products: [] };
export default function productReducer (state = initialState,action) {
    console.log('this state is changed');
    console.log(state,action);
    switch (action.type) {
        case "FETCH_PRODUCTS":
            return{
                ...state,
                products: action.products
            };
     //add
        case ADD_PRODUCT:
            return{
                ...state,
                products: [...state.products, action.product]
    };
        default:
            return state;
    }
}

acorn, тогда попробуйте сделать так

case ADD_PRODUCT:
       let products = state.products
      products.push(action.product)
            return
 { ...state.products,
                    products
                }

Роман Александрович, не хочет добавлять. Попробовал так, тоже не то. В чем же может быть причина?
Вообще действия у меня правильные?
1)Делаю action
1.1. Action добавляет все продукты из списка
1.2 Action добавляет к списку новые продукты

export function addProduct(product){
 console.log('dispatching add product');
    return {
        type: ADD_PRODUCT,
        product
    };
}

2) Пишу редьюсер
2.1. Reducer добавления все продуктов
2.2 Reducer добавление к state новых продуктов

case ADD_PRODUCT:
                return {
                    ...state,
                    products: state.products.concat(action.product)
};

acorn, ну так покажите редюсер после выполнения данного метода.

Роман Александрович, он не изменяется. Зеленым выделен reducer. Желтым action.

или что-то другое надо было прислать?

acorn, у вас prodacts это массив обьектов и вы в него пытаетесь засунуть ствоку. Папробуйте в редусере засунуть в в него обьект и посмотреть появится он в сторе или нет. (как вариант)

acorn, вот так папробуйте

case ADD_PRODUCT:
       console.log(state,action.product)
            return
 { ...state.prodacts,
                    products: [...state.product, {'id':9999,'title_fin':action.product}]
                }

и покажите что консоль покажет