在action.js文件中导出多个操作Redux [英] Export multiple actions in action.js file Redux

问题描述

我在action.js文件中有两个动作。

I have two actions in action.js file like this.

const addpostid = (post) => {
    return {
        type: 'ADD_COMMENT',
        post
    }
}

const addcommentform = (login_status, author_name, author_email, content, parent) => {
    return {
        type: 'ADD_COMMENT',
        login_status, author_name, author_email, content, parent
    }
}

如何导出这些操作？

我使用 export默认但它仅用于一个操作。

I use export default but it for only one action.

这是我的发送：

function mapDispatchToProps(dispatch){
    return { 
      commentformadded: (login_status, author_name, author_email, content, parent) => dispatch(addcommentform(login_status, author_name, author_email, content, parent)) 
    };
  };

推荐答案

改变你的行动

export const addpostid = (post) => {
    return {
        type: 'ADD_COMMENT',
        post
    }
}

export const addcommentform = (login_status, author_name, author_email, content, parent) => {
    return {
        type: 'ADD_COMMENT',
        login_status, author_name, author_email, content, parent
    }
}

然后假设您的文件名是testActions.js

Then assuming your file name is testActions.js

在您的组件中，您可以导入它像这样

In your component you can import it like this

import * as testActions 'path to your action/testActions';

使用这样的功能

testActions.addpostid

或

testActions.addcommentform 

或

import { addpostid, addcommentform } from 'path to your action/testActions';

这篇关于在action.js文件中导出多个操作Redux的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！