habe Ich habe eine einfache Reaktion Renderfunktion, die hallo in einem Div-Tag mit der ID von "react-Container" ausgedruckt. Das einzige Problem ist, dass ich Warnmeldungen in der Konsole wieVersuchte Warnmeldungen zu verstehen, die ich bei der Verwendung von babel für react.js
unerreichbaren Code nach return-Anweisung
oder
Mutieren der [[Prototyp]] eines erhalte Das Objekt führt dazu, dass der Code sehr langsam ausgeführt wird. stattdessen erstellen Sie das Objekt mit dem richtigen Anfangs [[Prototyp]] Wert mit Object.create
All dies kommt vom babel-Core browser.js Skript, das ich in das Dokument eingefügt. Ich versuche, herauszufinden, was es bedeutet, mache ich etwas falsch, oder soll ich es nur
<!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>
Es hört sich so an, als ob Sie ein Browser-Plugin verwenden, das JavaScript-Code für Sie enthält, oder Ihr Browser gibt standardmäßig diese Warnungen aus. Welchen Browser benutzen Sie und haben Sie Debug-Flags aktiviert? Es ist nichts falsch mit Ihrem Code. –
Ich benutze Firefox, und ich glaube nicht, dass ich Debug-Flags aktiviert habe. –
Ich bin mir nicht sicher, ob du Jsx mit babel core alleine parsen kannst, du brauchst das 'babel-preset-react' Plugin. –