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

Question

有没有一种方法可以在实际的React.js代码中设置断点并调试该代码。

例如：

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时，它们的意思是能够看到React的影子DOM。问题是关于调试实际的脚本代码。

谢谢，

Answer 1

我的错。Chrome 调试器显示原始源代码 (jsx)，而不是编译后的 javascript。