Что такое React component 'displayName'?

Question

Я знаю, что это it considered a good practice, чтобы назвать компонент реакции, добавив свойство displayName, но не уверен, что я знаю почему. В реакционных документах говорится:

Строка displayName используется для отладки сообщений. JSX автоматически устанавливает это значение; см. JSX в глубину.

Почему так важно? что произойдет, если я не добавлю его? (до сих пор у меня его не было и не было проблем с отладкой)

Есть ли рекомендации/рекомендации по использованию компонентов?

Answer 1

Я всегда задавал displayName с тем же именем, что и переменная, которую я назначил. Это будет использоваться только в сборках разработки, поскольку оно удаляется с помощью устранения мертвого кода в производственных сборках и не должно опираться на ваше приложение.

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

Вот несколько сообщений об ошибках, которые ссылаются на DISPLAYNAME в источнике среагировать:.

Invalid Return

Inline style error