在React.js中定位错误会返回JSX语句

时间:2017-01-04 12:52:36

标签: javascript debugging reactjs upgrade jsx

在将反应版本从0.13升级到15.4期间,几乎所有依赖项都会更新。这些变化还包括例如react-bootstrap

据我所知,回复语句中的JSX中的错误是由React捕获的,在大多数情况下,我没有任何线索错误地发生。所有代码似乎都很好,但我看不到组件的结果被渲染到实际的DOM中。

如何找到React / JSX中返回语句中导致错误的组件?

1 个答案:

答案 0 :(得分:0)

定位组件(返回语句的一部分)的一种有效方法是注释掉JSX和刷新页面的部分。如果出现缺失组件的一部分,您已注释掉bad部分,现在您可以对其进行调查。

您可以从评论整个渲染功能开始,然后将随机消息作为回报,例如。

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