ES6 Imports: 중괄호 - 언제 사용하고 언제 사용하지 않는가?

단일 모듈 가져오기의 ES6 중괄호: 사용 시기

ES6에서 단일 모듈을 가져올 때 차이점을 이해하는 것이 중요합니다. Curly의 사용을 결정하는 기본 가져오기와 명명된 가져오기 사이

기본 가져오기(중괄호 없음)

내보낸 모듈에 단일 기본 내보내기 값이 있는 경우 기본 가져오기가 사용됩니다. 이 값은 주어진 예에서 볼 수 있듯이 중괄호 없이 직접 가져옵니다.

import initialState from './todoInitialState';

이 경우,initialState.js 모듈에는initialState라는 기본 내보내기가 있습니다. 그런 다음 이 기본 내보내기는 ....

이름이 지정된 가져오기(중괄호 사용)

내보낸 모듈에 이름이 포함된 경우 이름이 지정된 가져오기가 사용됩니다. 내보내기는 명명된 식별자가 있는 특정 내보내기입니다. 명명된 내보내기를 가져오려면 다음과 같이 중괄호를 사용합니다.

import { A } from './A';

여기에서 A 모듈에는 중괄호를 사용하여 가져오는 A라는 명명된 내보내기가 포함되어 있습니다.

중괄호를 사용하는 경우

중괄호는 특정 이름이 지정된 내보내기를 가져올 때 사용됩니다. 식별자는 모듈에서 내보내집니다. 주어진 예에서 중괄호를 사용하여initialState를 가져오면initialState가 명명된 내보내기가 아닌 기본 내보내기이기 때문에 오류가 발생했습니다.

중괄호를 사용하지 말아야 할 경우

기본 내보내기를 가져올 때 중괄호는 사용되지 않습니다. 기본 내보내기에는 특정 식별자가 없으며 importinitialState from ....예에서 볼 수 있듯이 중괄호 없이 직접 가져올 수 있습니다.

요약하자면 ES6 모듈 가져오기의 중괄호는 명명된 내보내기를 가져오고 있음을 나타냅니다. 기본 내보내기는 중괄호를 사용하지 않으며 기본 내보내기 이름으로 직접 가져옵니다.

위 내용은 ES6 Imports: 중괄호 - 언제 사용하고 언제 사용하지 않는가?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!