2017-09-30 3 views
0

enter image description here reagiert Dies ist mein erster reagiert Code zu versuchen, Arbeit in meinem Laptop reagieren, aber es funktioniert nichtEs gibt kein Ergebnis mit

Wie Sie im Bild sehen können, endet der Schatten vor. Der Schatten muss alle Skript-Tags abdecken. Keine Ahnung warum!

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <script src="js/react.js"></script> 
 
    <script src="js/react-dom.js"></script> 
 
\t <script src="js/browser.js"></script> 
 
    </head> 
 
    <body> 
 
\t <div id = "dome"></div> 
 

 
    <script type='text/jsx'> 
 
    
 
     ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome"); 
 
    </script> 
 
    </body> 
 
</html>

+0

Wie geht es Ihnen transpiling jsx? – webdeb

+0

Ich weiß nicht was du meinst. Ich versuche nur das erste Tutorial zu machen. Ich lade react-Dateien wie im Code angezeigt, aber es funktioniert nicht. Ich benutze, um react.js online anrufen, aber auch nicht funktioniert https://react-cn.github.io/react/downloads.html – Mohammed

Antwort

1

Ihr Code hat einen Syntaxfehler, Winkelfunktion macht nicht geschlossen ist.

ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome"); 

verwenden:

ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome")); 

Edit: Wenn Sie JSX verwenden möchten, sollten Sie text/babel in Skript-Typ verwenden und sicher sein, browser.js Datei zu importieren.

<script type='text/babel'> 
    ReactDOM.render(<h1>Hello React </h1>, document.getElementById("dome")); 
</script> 
+0

Vielen Dank für Ihre Antwort, aber es hat nicht funktioniert. Ich bearbeite die Frage – Mohammed

+0

Ich redigierte meine Antwort. Auschecken. Problem im Zusammenhang mit dem Skripttyp. – selmansamet

1

JSX ist nicht gültig Javascript, so hat es zuerst zu transpiled. Deshalb erhalten Sie den Fehler dort. Die Quelle, die Sie erwähnten, ist etwas veraltet und ist nicht der Ursprung.

nur mit dem eigentlichen Tutorial gehen hier: https://reactjs.org/tutorial/tutorial.html

Verwandte Themen