Le code React.js ne s'affiche pas correctement dans la page Web
P粉510127741
P粉510127741 2024-01-10 18:10:59
0
1
493

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粉510127741
P粉510127741

répondre à tous(1)
P粉373596828

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

<!-- 加载 Babel -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal