Зачем нам нужен экспорт по умолчанию в React? - PullRequest
0 голосов
/ 28 ноября 2018

Я знаю, что существует два вида экспорта, один из которых называется по умолчанию, а другой - экспорт по умолчанию.

// utils.js
const addOne = (a) => a+1;
export default addOne;
export const subOne = (a) => a- 1;

//app.js
import plusOne, {subOne} from './utils.js'

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

Ответы [ 2 ]

0 голосов
/ 28 ноября 2018

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

class Hello extends Component {
  //
}

export default connect(mapStateToProps, mapDispatchToProps)(Hello);

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

export class Hello extends Component {
  //
}

export default connect(mapStateToProps, mapDispatchToProps)(Hello);
0 голосов
/ 28 ноября 2018

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...