问关系数据冗余

EN

case START_DOWNLOAD_KEYWORDS:
            return {
                ...state,
                loading: true,
                thisdomain: action.payload
            }
        case DOWNLOAD_KEYWORDS_SUCCESS:
            return {
                ...state,
                keywords: state.keywords.filter(keyword => keyword.project_id == state.thisdomain)
            }

export function getKeywordsAction(id) {
    return async (dispatch) => {
        dispatch(startDownloadKeywords(id));
        try {
            const response = await clienteAxios.get('/keywords');
            dispatch(downloadKeywordsSuccess(response.data));
        } catch (error) {
            console.log(error);
            dispatch(downloadKeywordsError());
        }
    }
};

const startDownloadKeywords = (id) => ({
    type: START_DOWNLOAD_KEYWORDS,
    payload: id
});

const downloadKeywordsSuccess = keywords => ({
    type: DOWNLOAD_KEYWORDS_SUCCESS,
    payload: keywords
});

const { id } = props.match.params;


    const dispatch = useDispatch();

    useEffect( () => {
        // Consultar la api
        const chargeKeywords = (id) => dispatch(getKeywordsAction(id));
        chargeKeywords(id);

    }, []);

    //obtener el state
    const keywords = useSelector(state => state.domains.keywords);

{
  domains: {
    domains: [],
    error: null,
    loading: true,
    domaindelete: null,
    thisdomain: '3',
    keywords: []
  }
}

{
  domains: {
    domains: [
      {
        id: 2,
        name: 'Bla bla',
        url: 'http://blabla.com',
        country: 'España'
      },
      {
        id: 3,
        name: 'Hello',
        url: 'https://hellok.com',
        country: 'España'
      }
    ],
    error: null,
    loading: false,
    domaindelete: null,
    thisdomain: '3',
    keywords: []
  }
}