Javascript 试图理解我在使用babel for react.js时收到的警告消息
我制作了一个简单的react呈现函数,它在一个id为“react container”的div标记中打印hello。唯一的问题是,我在控制台中不断收到警告消息,如 返回语句后无法访问的代码 或 改变对象的[[Prototype]]会导致代码运行非常缓慢;而是用正确的首字母创建对象 [[Prototype]]使用对象创建值 所有这些都来自我插入到文档中的babel core browser.js脚本。我试图弄明白这意味着什么,我是做错了什么,还是应该忽略它Javascript 试图理解我在使用babel for react.js时收到的警告消息,javascript,reactjs,babeljs,Javascript,Reactjs,Babeljs,我制作了一个简单的react呈现函数,它在一个id为“react container”的div标记中打印hello。唯一的问题是,我在控制台中不断收到警告消息,如 返回语句后无法访问的代码 或 改变对象的[[Prototype]]会导致代码运行非常缓慢;而是用正确的首字母创建对象 [[Prototype]]使用对象创建值 所有这些都来自我插入到文档中的babel core browser.js脚本。我试图弄明白这意味着什么,我是做错了什么,还是应该忽略它 <!DOCTYPE htm
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>REACT 1</title>
<script src="react-15.2.1.js"></script>
<script src="react-dom-15.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
</head>
<body>
<div id="react-container">
</div>
<script type="text/babel" >
ReactDOM.render(<h1>hello</h1>, document.getElementById('react-container'));
</script>
</body>
</html>
反应1
render(hello,document.getElementById('react-container');
这是Firefox开发者控制台的默认行为。更高级的调试环境(如Chrome控制台)不会显示类似的警告。您可以通过单击此按钮禁用Firefox中的脚本linting:
“警告”很简单:警告可能是代码语法的潜在问题。在这种情况下,警告是无害的,因为它们来自第三方脚本,所以您对此无能为力。尤其是第二个,它实际上更像是一种自以为是的代码风格。这是Firefox开发人员控制台的默认行为。更高级的调试环境(如Chrome控制台)不会显示类似的警告。您可以通过单击此按钮禁用Firefox中的脚本linting:
“警告”很简单:警告可能是代码语法的潜在问题。在这种情况下,警告是无害的,因为它们来自第三方脚本,所以您对此无能为力。尤其是第二个,它实际上更像是一种固执己见的代码风格。听起来你在使用某种浏览器插件,为你过滤javascript代码,或者你的浏览器在默认情况下给出了这些警告。您使用的是什么浏览器,是否启用了调试标志?你的代码没有问题。我使用的是firefox,我想我没有启用任何调试标志。我不确定你是否可以单独用babel core解析jsx,你需要
babel preset react
插件。@Daniel\L在我正在观看的教程中使用了这个脚本。我不知道你提到的这个插件是否更好。当您使用react时,您是否使用该插件?听起来您使用的浏览器插件为您提供javascript代码,或者您的浏览器在默认情况下会发出这些警告。您使用的是什么浏览器,是否启用了调试标志?你的代码没有问题。我使用的是firefox,我想我没有启用任何调试标志。我不确定你是否可以单独用babel core解析jsx,你需要babel preset react
插件。@Daniel\L在我正在观看的教程中使用了这个脚本。我不知道你提到的这个插件是否更好。当你使用react时,你会使用这个插件吗?