в корзину React native + Redux Проблема? - PullRequest
Новая
       130

в корзину React native + Redux Проблема?

0 голосов
/ 13 июля 2020

это мое действие ... 

import { FETCH_PRODUCTS, UPDATE_PRODUCTS } from '../Types/types';
import { getData } from '../../mocks';

export const fetchProducts = () => dispatch => {
    const destinations = getData();
     dispatch({
        type: FETCH_PRODUCTS,
        payload: destinations
    })
}

export const updateProducts = (item) => dispatch => {
    dispatch({
        type: UPDATE_PRODUCTS ,
        payload: item
    })
}
...

и это мой Reducer 

import { FETCH_PRODUCTS, UPDATE_PRODUCTS } from '../Types/types';

const initialState = {
    items: []
};

export default function(state = initialState, action) {
    switch(action.type){
        case FETCH_PRODUCTS:
            return {
                ...state,
                items:action.payload
            }

        case UPDATE_PRODUCTS:
            return {
                ...state,
                items:action.payload
            }    
        default:
            return state
    }
}

в renderItems моего FlatList Я визуализирую все элементы, хранящиеся в redux, но у меня есть значок 

<TouchableOpacity onPress={() => null}>
            <FontAwesome
              name={bookmark-o}
              color={theme.colors.white}
              size={theme.sizes.font * 1.25}
            /></TouchableOpacity>

Я хочу, чтобы, когда я нажимал на значок, имя значка менялось на 'закладка' и действие addItem (item), а затем, когда его 'закладка', когда я нажимал, изменить на 'bookmark-o' и запустить действие removeItem (item) может кто угодно помогите пожалуйста ??

...