Reactjs 如何从导出对象中提取方法

在my

connector.js中，有一个包含2个方法的对象。我只是导出洞对象，以便将来提取各个方法。但这不管用。我有什么问题吗

连接器.js

const triggers = {
  add: function mapStateToProps(state) {
    return {};
  },
  remove: function countReducer(dispatch) {
    return {
      decount: () => {
        const action = { type: "DECREASE" };
        dispatch(action);
      }
    };
  }
};

export default triggers;

正在尝试获取方法。。。但这不管用

import React from "react";
import { connect } from "react-redux";
import triggers, { add, remove } from "./connectors"; //what is wrong here?

const Decounter = props => {
  return (
    <div>
      <h1>I am Decounter!!</h1>
      <button onClick={props.decount}>Decrement</button>
    </div>
  );
};

export default connect(
  add,
  remove
)(Decounter);

从“React”导入React；
从“react redux”导入{connect}；
导入触发器，{add，remove}来自“/connectors”//这里怎么了？
const Decounter=props=>{
返回(
我是德孔特！！
减量
);
};
导出默认连接(
添加
去除
)（卸下）；

如果我使用
triggers.add或triggers.remove
-效果很好。
实际上，您将整个对象导出为默认值，因此无法导入其命名的参数

#1方法：您可以按原样操作，但可以在文件顶部对其进行分解：

import triggers from "./connectors";

const { add, remove } = triggers;

#2方法：使用命名函数并直接导出它们：

export const add = function mapStateToProps(state) {
    return {};
};

export const remove = function countReducer(dispatch) {
  return {
    decount: () => {
      const action = {
        type: "DECREASE"
      };
      dispatch(action);
    }
  }
};

然后导入：

import { add, remove } from './connectors';

希望这会有帮助