dev-ua/reactjs

Hey, guys!
I've question related to "best way to do ... "

ActivityContainer

const ActivityContainer = () => {

    const dispatch = useDispatch();

    const getActivity = () => {
        dispatch({
            type: ACTIVITY_PAGE_LOADED,
            payload: Promise.all([agent.Activity.get()])    // Fetching data and settings response data in redux state
        })
    }

    const clearActivity = () => {
        dispatch({
            type: ACTIVITY_PAGE_UNLOADED
        })
    }

    useEffect(() => {
        getActivity();

        return () => clearActivity();
        // eslint-disable-next-line
    }, [])

    return <ActivityList />  // Not using the redux store for list data to pass it as props
}

ActivityList.js

const ActivityList = () => {

    const activityList = useSelector(state => state.activity.activity)   // using redux store here to get list instead of using props 

    return <Card>
        {activityList.map(
            activity => <Activity key={activity.ID} data={activity} />
        )}
    </Card>

}