Reactjs 如何将变量从动作传递到组件

万岁！我的API应答控制台已登录到我的操作中：

function listTemplates(specs) {
    const payload = templateList.post(specs);
    return dispatch => dispatch({ ...types.GET_TEMPLATES, payload });
}

function apiResponse(response) {
    const res = response;
    console.log(res);
}

const actions = {
    listTemplates,
    apiResponse,
};

等等，但如何将其发送到要处理和显示的组件

更新：

在本指南末尾，我介绍了一些内容：

并将其改编为我的（更完整的（applyMiddleware+Store.jsx作为一个单独的文件））应用程序设置

所以不，我到处都有商店

这是我的GetTemplate.jsx Reducer：

import EventTypes from '../EventTypes';
import actions from '../../Components/Menu/actions';

const initialState = {
    templates: [],
};

export default (state = initialState, action) => {
    switch (action.type) {
        case EventTypes.GET_TEMPLATES_FULFILLED.type:
            const returnValue = action.payload.body().data();
            actions.apiResponse(returnValue);
            return state;
        default:
            return state;
    }
};

我错过了什么？我真的不明白这一切是怎么回事

在模板列表组件中我需要什么

    case EventTypes.GET_TEMPLATES_FULFILLED.type:
        const returnValue = action.payload.body().data();
        actions.apiResponse(returnValue); // ← ←
        return state;

Redux还原程序应该返回新状态，而不是调用其他操作。使用类似于：

return Object.assign({}, state, { templates: returnValue })

现在Redux将把数据保存在它的存储中。然后，使用，可以从存储中选择该数据并在组件中使用

function mapStateToProps (state) {
  return { templates: state.templates }
}
export default connect(mapStateToProps)(TemplatesComponent)

---

你在使用redux吗？在，还有。是的@tariq我正在使用redux:）@renee我正在使用

connect

函数你能给我一个例子作为答案吗？@renee我仍然困惑

case EventTypes。完成模板。type:

在一个reducer中已经是我得到API答案的第一步了，我不知道如何进一步使用它这种情况下的减速器。