가져올 때 "내보내기 기본값"의 반환 값을 얻는 방법은 무엇입니까?

Question

간단히 내보내기 기본값이 객체를 반환하는 js 파일이 있습니다.

// x.js
내보내기 기본값 ()=>({
  텍스트: '텍스트'
})

다른 js 파일로 가져와 해당 데이터와 병합하고 싶습니다(확장). 지금 저는 이것을 하고 있습니다:

// y.js
'./x.js'에서 x를 가져옵니다.
const obj = x()
내보내기 기본값 ()=>({
  ...obj,
  텍스트2: "텍스트2"
})

작동은 되지만 깨끗하지 않습니다. 이 작업을 수행하는 더 쉬운 방법이 있나요?

Answer 1

이해하기 쉬운 '클린한 접근 방식을 사용하고 싶다'고 생각했습니다. 따라서 다음이 작동할 수 있습니다 -

<强>1. 기본 내보내기-
이는 단일 개체, 함수 또는 변수만 내보내는 데 유용합니다. 가져오기 프로세스 중에 어떤 이름을 사용하여 가져올 수 있습니다.

으아악

기본 내보내기도 이렇게 사용할 수 있어요-
이것은 이름이 있는 기본 내보내기(이름을 기억할 수 있도록)이고 임의의 이름으로 가져오기 때문에 재미로 어떤 이름이든 사용할 수 있기 때문에 유용합니다.

으아악

<强>2. 네임드 내보내기(권장)-
이는 여러 값을 내보내는 데 유용합니다. 가져오기 프로세스 중에는 내보내기 이름과 가져오기 이름 간의 혼동을 피하기 위해 동일한 이름을 사용해야 합니다.

으아악

편집--

이름이 지정된 내보내기도 이와 같이 사용할 수 있습니다(const 및 화살표 기능을 사용하지 않고)

으아악