В пандах я использую отчеты НЛО. Я хочу получить состояние, которое сформировало отчетный овал.

Первая часть тега JSX определяет тип элемента React, в основном есть какое-то соглашение. Заглавная, строчная, точка-нотация.

Типы заглавных и точечных обозначений указывают на то, что JSX ссылается на компонент React, поэтому, если вы используете компиляцию JSX <Foo /> для React.createElement(Foo) ИЛИ <foo.bar />, скомпилируете ее в React.createElement(foo.bar) и соответствуют компоненту, определенному или импортированному в ваш файл JavaScript.

В то время как тип нижнего регистра указывает на встроенный компонент, такой как <div> или <span>, и приводит к тому, что строка 'div' или 'span' передана в React.createElement('div').

React рекомендует именовать компоненты с большой буквы. Если у вас есть компонент, начинающийся с буквы нижнего регистра, назначьте его капитализированной переменной, прежде чем использовать его в JSX.