调试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的影子DOM。 问题是关于调试实际的脚本代码。

谢谢，

Answer 1

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

Answer 2

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