我正在学习反应。我试图连接JS和HTML。但是连接不正常
HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="styleesheet" href="style.css" />
</head>
<body>
<div id="root"></div>
<script src="index.js" type="text/jsx"></script>
</body>
</html>
JS代码:
import React from "react";
import { ReactDOM } from "react";
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<div>Hi</div>
);
我认为一些东西会显示在屏幕上,但它不是发生在vs代码。但我在一些在线编码平台上尝试了相同的代码,它有效。
您需要将react cdn添加到HTML中。点击这里
如果你想在HTML页面上添加React作为普通标签,我建议你阅读:https://reactjs.org/docs/add-react-to-a-website.html
或者不那样做转到vscode并运行一个新终端,然后键入npx create-react-app然后使用cd myApp命令进入myApp文件夹,然后使用npm start命令启动react应用,然后从那里编辑你的应用
你的机器上需要安装Node>= 14.0.0和npm>= 5.6。老实说,最好使用create-react-app
https://reactjs.org/docs/create-a-new-react-app.html create-react-app