Question

有没有办法在实际的React.js代码中设置断点，并调试此代码。

E.g：

var HelloMessage = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>; // Here goes breakpoint
  }
});

React.render(<HelloMessage name="John" />, mountNode);

我的意思是调试实际的React代码而不是编译的javascript代码。有没有解决方案（浏览器的插件，任何支持此功能的IDE）？

我知道当他们谈论调试反应时，他们意味着能够看到React的影子DOM。问题是关于调试实际的脚本代码。

谢谢，

Answer 1

您是否尝试在.jsx文件中直接添加调试器？它每次都适合我

Answer 2

我的错误。 Chrome调试器显示原始源（jsx），而不是已编译的javascript。

调试React.js源代码，而不是react的DOM？

2 个答案: