如何解决chrome

Question

我试着学习如何写反应 但是当我用chrome编写第一个组件时，Chrome的开发人员工具会显示消息

Download the React DevTools for a better development experience

我已经从Chrome的应用商店安装了React DevTools 我的代码是有效的，我只是想知道如何解决这些消息 我的镶嵌设置错了吗？

请有人帮我解决这个问题。

Answer 1

应该修复“下载React DevTools以获得更好的开发体验”的警告in React 0.12.0 and above when using the latest React DevTools extension。如果您使用的是早于0.12的React版本，或者您使用旧版本的扩展程序，则会继续弹出消息。

关于使用浏览器内JSX转换的警告就是这样 - 它告诉你，你正在将JSX语法转换为浏览器中的JS函数调用，这种速度较慢，需要相对较大的JSX转换器。如果您按照警告中的链接进行操作，则会taken to a page that explains further：

  

注意：

     

浏览器内的JSX转换器相当大，导致客户端无关的计算可以避免。不要在生产中使用它 - 请参阅下一节。

     

生产：预编译JSX

     

如果您有npm，只需运行npm install -g react-tools即可安装我们的命令行jsx工具。此工具将使用JSX语法的文件转换为可以直接在浏览器中运行的纯JavaScript文件。它还会为您监视目录，并在更改文件时自动转换文件;例如：jsx --watch src/ build/。

     

默认情况下会转换带有.js扩展名的JSX文件。使用jsx --extension jsx src/ build/转换.jsx扩展名的文件。

     

运行jsx --help以获取有关如何使用此工具的更多信息。