使用浏览器/插件调试JSX

Question

有没有办法调试JSX文件？

当我检查safari/chrome中的资源选项卡时,我无法看到.jsx文件.我们可以使用调试器吗？

Answer 1

安装Chrome扩展程序后, 打开devTool(f12),您可以看到:

1. 一个新的反应选项卡 - 用于检查反应元素(如常规检查).

2. 在源选项卡(左侧面板)中有一个新的应用程序列表,您可以在其中查看JSX文件并在代码中设置断点.

注意:可能需要重新启动chrome以使其继续运行

Answer 2

Chrome 扩展向开发者工具添加了另一个选项卡，并允许调试 React 组件。您可以在React 文档中查看预览并阅读更多相关信息。

其他浏览器尚不支持 React Debugger。