Maison  >  Questions et réponses  >  le corps du texte

Le code React.js ne s'affiche pas correctement dans la page Web

Mon code est très simple. J'ai vérifié toutes les ressources, réécrit le code dans différents fichiers, mis à jour mon ordinateur, vérifié les fichiers CSS et tout va bien et je ne vois pas le problème.

react.html :

<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 :

ReactDOM.render(<h1>Hello, World!</h1>, document.querySelector("#root"))
```  tried  document.getElementById("root") as well

P粉510127741P粉510127741282 Il y a quelques jours465

répondre à tous(1)je répondrai

  • P粉373596828

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

    Utiliser @babel/standalone,您还需要加载它,否则type="text/babel" ne fonctionnera pas.

    <!-- 加载 Babel -->
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

    répondre
    0
  • Annulerrépondre