Как определить, к какому компоненту (из многих) относится предупреждение или ошибка React?
Например, я получаю это в своей консоли:
Warning: <some kind of React warning>
in input (created by MyComponent)
in form (created by MyComponent)
... etc
(В моем случае предупреждение относится к https://reactjs.org/docs/forms.html#controlled-components, но мой вопрос более общий.)
Как я могу определить, какой <input> React имеет в виду в стеке? Это просто тяжелая утомительная работа (в моем случае проверка контролируемого и неконтролируемого), или есть способ заставить React включить имя / идентификатор компонента в стек?
У меня есть это. Это по-прежнему не приводит к трассировке стека, которая фактически указывает на конкретный компонент.
Ответы 1
Уверен, что на него есть много ответов, но постарайтесь найти первый. Остальные могут сломаться только из-за первого.
Я не совсем понимаю. Мой вопрос заключается в том, как сделать «трассировку стека» более полезной или иным способом автоматически найти источник предупреждения.
Прежде всего, если вы используете расширение для установки Chrome, React Dev Tools