Локализация ошибок в React.js return Операции JSX

Question

Во время обновления реактивной версии от 0,13 до 15,4 обновляются почти все зависимости. И эти изменения также включают, например, react-bootstrap.

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

Как найти компоненты, вызывающие ошибку в операторах return в React/JSX?

Answer 1

Один эффективный способ нахождения компонентов (частей оператора возврата), который должен работать, но не комментирует части JSX и обновляющую страницу. Если часть отсутствующего компонента появилась, вы прокомментировали часть bad, и теперь вы можете ее исследовать.

Вы можете начать с комментирования всей функции рендеринга и ввода случайного сообщения в ответ, например.

render: function() { 
    return (
     <div> 
     Hello 
     </div> 
    ); 
    }