Компоненты React должны следовать соглашению об именовании, где имена компонентов начинаются с заглавной буквы. Это отличает их от стандартных HTML-элементов.
Есть одно основное исключение из этого соглашения: строчные имена с точечной нотацией (обращение через свойства объекта) — это валидные имена компонентов в React.
Когда ты используешь точечную нотацию для доступа к свойствам компонента, React правильно интерпретирует их как компоненты, а не как HTML-элементы:
render() {
return <obj.component />
// Транспилируется в: React.createElement(obj.component)
}
Это исключение позволяет тебе организовывать связанные компоненты через свойства объектов, при этом сохраняя способность React правильно их компилировать и отрисовывать.
React компоненты могут быть отрендерены с использованием тегов в нижнем регистре, если они доступны через dot notation на объекте, например <obj.component />.
Новый — ещё не проверен сообществом
Вы