Когда называешь React-компоненты, очень важно использовать явное именование вместо того, чтобы полагаться на свойство displayName.
Использование displayName было распространённой практикой в старых паттернах React, но оно вытеснено более современными подходами. Явное именование обеспечивает лучшую читаемость и является текущим стандартом в разработке на React.
export default React.createClass({
displayName: 'TodoApp',
// ...
})
Этот метод опирается на строковое именование, что менее надёжно для инструментов отладки и разработки.
export default class TodoApp extends React.Component {
// ...
}
const TodoApp = () => {
// ...
}
export default TodoApp;
Будь то классовые или функциональные компоненты, всегда называй компонент явно в точке его объявления. Это гарантирует, что имя компонента будет корректно распознано во всём приложении и среде разработки.
Прямое именование компонентов при объявлении — это современный рекомендуемый подход в React, обеспечивающий лучшие возможности отладки и статического анализа по сравнению с использованием displayName.
Новый — ещё не проверен сообществом
Вы