在React.js中查找錯誤會返回JSX語句

Question

將反應版本從0.13升級到15.4時，幾乎所有的依賴關係都會更新。這些變化還包括例如react-bootstrap。

據我所知，React語句中的JSX錯誤被React捕獲，並且在大多數情況下，我沒有任何線索錯誤地發生了什麼。所有的代碼看起來都很完美，但是我看不到將組件渲染成實際DOM的結果。

如何查找在React/JSX中的返回語句中導致錯誤的組件？

Answer 1

定位組件（返回語句的部分）的一種有效方式應該可行，但不會註釋JSX的部分和刷新頁面。如果出現缺失部分的部分，你已經註釋掉了bad部分，現在可以調查它。

您可以從註釋掉整個渲染函數開始，並將隨機消息放回，例如

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