Запрет экспорта по умолчанию

Question

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

(1)

const PanelHomePage = () => (
  <div>
    <Wrapper>
      <Typography paragraph>
        Here will be the main text
      </Typography>
    </Wrapper>
  </div>
);

export default PanelHomePage;

Так значит ли это, что я должен использовать (1) вместо (2):

(2 )

export default function PanelHomePage() {
}

или я не должен использовать слово default вообще. Если это так, то как я могу экспортировать целую страницу / функцию?

Другой пример:

function LoginPage() {
}

export default LoginPage;

Это работает нормально, но если я удаляю слово по умолчанию, выдает ошибку ,

Так это лучше?

export function LoginPage() {}

Здесь: { ссылка }

Answer 1

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

export const PanelHomePage = () => (
  <div>
    <Wrapper>
      <Typography paragraph>
        Here will be the main text
      </Typography>
    </Wrapper>
  </div>
);


export default connect(mapStateToProps)(PanelHomePage);