suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Der React.js-Code wird auf der Webseite nicht korrekt angezeigt

Mein Code ist sehr einfach. Ich habe alle Ressourcen überprüft, den Code in verschiedene Dateien umgeschrieben, meinen Computer aktualisiert, die CSS-Dateien überprüft und alles ist in Ordnung und ich kann das Problem nicht erkennen.

react.html:

1

2

3

4

5

6

7

8

9

10

11

12

<html>

    <head>

        <link rel="stylesheet" href="react.css">

        <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>

        <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"><script>

    </head>

    <body>

         

       <div id="root"></div>

        <script src="react.js" type="text/babel"></script>

    </body>

</html>

react.js:

1

2

ReactDOM.render(<h1>Hello, World!</h1>, document.querySelector("#root"))

```  tried  document.getElementById("root") as well

P粉510127741P粉510127741446 Tage vor602

Antworte allen(1)Ich werde antworten

  • P粉373596828

    P粉3735968282024-01-11 09:12:30

    要使用@babel/standalone，您还需要加载它，否则type="text/babel"将无法工作。

    1

    2

    <!-- 加载 Babel -->

    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

    Antwort
    0
  • StornierenAntwort