我做了一个简单的 react 渲染函数,它在 ID 为“react-container”的 div 标签中打印出 hello。唯一的问题是我不断在控制台中收到警告消息,例如
unreachable code after return statement
或
mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create
所有这些都来 self 插入到文档中的 babel-core browser.js 脚本。我试图弄清楚这意味着什么,我是否做错了什么,或者我应该忽略它
<!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>
最佳答案
这是 Firefox 开发者控制台的默认行为。 Chrome 控制台等更高级的调试环境不会显示此类警告。您可以通过单击此按钮禁用 Firefox 中的脚本 linting:
“警告”很简单:警告代码语法可能存在潜在问题。在这种情况下,警告是无害的,并且因为它们来自第三方脚本,所以您对此无能为力。尤其是第二个,这实际上更像是一种固执己见的代码风格。
关于javascript - 尝试理解在使用 babel 进行 React.js 时收到的警告消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38448425/