0

アイテムレデューサーを削除したいのですが、アイテムレデューサーを追加したいのは次のとおりです。

export const addItems= (state= [], action)=> {
    switch (action.type) {
        case 'ADD_ITEM':
            return [
                ...state,
                action.product
            ]
        default:
            return state;
    };
};

アイテムを追加するためのアクション クリエータは次のとおりです。

export const showItems = (author,price) =>{
    return((dispatch)=>{
        dispatch({
            type:'ADD_ITEM',
            product:{
                author,
                price
            }
        });
    });
};

削除アクションの作成者は次のとおりです:

export const removeItem = (index) =>{
    return((dispatch)=>{
        dispatch({
            type:'REMOVE_ITEM',
            payload: index
        });
    });
};

リスト項目を表示するマップ関数:

{showItems.map((item, index)=>{
                        return(
                            <ul key={index} className='d-flex justify-content-around'>
                                <button 
                                    type='button' 
                                    className='btn-close btn-danger' 
                                />
                                <p>{item.author}</p>
                                <p>{item.price}</p>
                            </ul>
                        );
                    })}

私の質問は: remove item reducer とは何ですか?

4

1 に答える 1