Когда я пытаюсь экспортировать действие с помощью redux, я получаю сообщение об ошибке «Не содержит экспорт по умолчанию»

Question

Я пытаюсь изучить избыточность, и у меня есть файл с действием в нем.

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

Затем я пытаюсь импортировать его в компонент.

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

Это работает, если я использую экспорт по умолчанию в файле действий, но тогда у меня может быть только одно действие.

export default changeTitle;

Я пытаюсь выяснить, почему он не будет работать без экспорта по умолчанию. Когда я пытаюсь без экспорта по умолчанию, я получаю сообщение об ошибке: «Попытка ошибки импорта:« ../actions/index.js »не содержит экспорт по умолчанию (импортируется как« changeTitle »)». Мне кажется, я видел примеры, которые работают без экспорта по умолчанию, поэтому они могут использовать несколько действий.

Answer 1

в вашем случае просто измените

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

на

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

, и вы можете опустить индекс. js имя в import, это файл по умолчанию для импорта

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

дополнительную информацию об экспорте вы можете найти в mdn