redux rejactjs複数のアクションに1つのストアを使用

Question

私はreactとreduxで新しく、複数のアクションに対して1つのストアを使用できるかどうかを知りたいと思います。

私はこれを試みていますが、最初のアクションは最後のアクションで上書きされます。なぜですか？

私は2つの別々のコンポーネントでアクションを呼び出していますが、私はそれらをアプリケーションコンポーネントの2つのコンポーネントと呼びます。

reducer.js

const dataReducer = (state = { 
    fetching: false, 
    fetched: false, 
    data: {}, 
    error: null 
}, action) => { 
    switch (action.type) { 
    case 'FETCH_DATA_PENDING': 
     return {...state, fetching: true} 
     break; 
    case 'FETCH_DATA_FULFILLED': 
     return {...state, fetching: false, fetched: true, data: action.payload.data } 
     break; 
    case 'FETCH_DATA_REJECTED': 
     return {...state, fetching: false, error: action.payload } 
     break; 
    } 
    return state; 
} 

module.exports = dataReducer; 

は

import axios from 'axios'; 

const apiUrl = 'https://swapi.co/api/'; 

//fetch categories 
export function fetchCategories() { 
    return { 
    type: 'FETCH_DATA', 
    payload: axios.get(apiUrl) 
    } 
} 

//fetch films 
export function fetchFilms() { 
    return { 
    type: 'FETCH_DATA', 
    payload: axios.get(apiUrl + 'films') 
    } 
} 

Answer 1

あなたはこのようにそれを行うことができる必要がありますが、あなたの行動の両方が同じタイプの中に混乱するかもしれないという事実をaction.jsあなたのレデューサー。タイプFETCH_FILMSとFETCH_CATEGORIESの方が役に立ちます。その方法は、減速機はもちろん、あなたがすべてのレデューサーがそれらとまったく同じことをしたい場合を除き、それらとは別のものを行うことができます。