当我尝试使用redux导出操作时,出现错误消息“不包含默认导出”

时间:2020-02-09 17:59:17

标签: reactjs redux import export

我正在尝试学习redux,并且我有一个包含操作的文件。

export const changeTitle = () => {
  return {
    type: 'CHANGE_PROJECT_TITLE',
  };
};

然后,我尝试将其导入组件中。

import changeTitle from '../actions/index.js';

如果我在操作文件中使用导出默认设置,则此方法有效,但是我只能执行一个操作。

export default changeTitle;

我试图弄清楚为什么没有导出默认值将无法正常工作。 当我尝试不使用导出默认值时,出现错误消息:“尝试导入错误:'../ actions / index.js'不包含默认导出(导入为'changeTitle')。”我相信我已经看到了无需默认导出即可工作的示例,因此它们可以使用多个操作。

1 个答案:

答案 0 :(得分:1)

根据您的情况进行更改

import { changeTitle } from '../actions/index.js';

import { changeTitle } from '../actions';

您可以在导入中省略index.js名称,这是导入的默认文件

try

有关导出的更多信息,您可以在mdn

上找到