в ES6, используя фигурные скобки для импорта одного модуля, может ввести неожиданное поведение. Чтобы уточнить, когда использовать и избежать кудрявых скобородок, давайте рассмотрим различие между по умолчанию и с именем экспорта. «По сути, импорт экспорта по умолчанию. Экспорты по умолчанию объявляются как:
export default
import initialState из './todoinitialState' ;;m&&&&&^&&&&^&&&&^ nexport
export default, если вам нужно импортировать Определенное экспортированное значение, вы должны использовать кудрявые скобки. Именованные экспорты объявляются как:;
export const
import initialState from './todoInitialState';в примере todoreducer.js, вы пытаетесь получить доступ к TODO с именем export:
import {todo} из './todoinitialState' ;;m&&&Z&Z&&Zеда^&&&едаеда* против избегания их
Правило эмпирического правила состоит в том, чтобы использовать фигурные скобки при импорте именованных экспорт и избегать их при импорте экспорта по умолчанию. Вот суммированный разбил:
export default;
] Использовать Curly Braces:
export default;
при импорте конкретного названного export
при импорте экспорта по умолчанию из модуля только с одним экспортом по умолчанию
example
export по умолчанию (mycomponent):
&&&] импортировать mycomponent из './A's;^&&^&By&í&&&Z&]&&&Z&]&&&Z&]&&&oumednamed Export (ChildComponent):
// A.js export default MyComponent; export const ChildComponent = () => {};
, понимая разницу между экспортами по умолчанию и с именем, вы можете правильно определить, когда использовать Curly Brace Для импорта единого модуля в ES6.
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.
Copyright© 2022 湘ICP备2022001581号-3