В React с ES6 ты можешь использовать экспорт по умолчанию для экспорта одного компонента из модуля. Это позволяет другим файлам импортировать этот компонент без указания его имени.
Используй ключевое слово export default перед объявлением компонента:
import React from 'react'
import User from 'user'
export default class MyProfile extends React.Component {
render(){
return (
<User type="customer">
{/* component content */}
</User>
)
}
}
Выражение export default делает MyProfile основным экспортом этого модуля.
При импорте экспорта по умолчанию ты можешь использовать любое имя — оно не обязано совпадать с исходным именем компонента:
import MyProfile from './MyProfile'
// или
import Profile from './MyProfile'
// оба способа работают одинаково
{ }, нужно использовать исходное имяДля большинства React-компонентов используй экспорт по умолчанию, когда модуль содержит один компонент. Это делает код чище и предотвращает конфликты имён в приложении.
При импорте default export ты должен использовать фигурные скобки { } вокруг импортируемого имени, как при именованных импортах.
Новый — ещё не проверен сообществом
Вы