Javascript/React 未连接到 html答案

【问题标题】：Javascript/React not connecting to htmlJavascript/React 未连接到 html
【发布时间】：2020-09-21 10:16:16
【问题描述】：

这是我正在创建的网站的第二页。第一个页面是登录页面，其中有反应渲染的按钮，可以完美地工作。但由于某种原因，我无法使用纯 JavaScript 或在第二个网页上做出反应。我检查了路径和拼写，但没有任何效果。

import React from "react";
import ReactDOM from "react-dom";

console.log('Hello world!');
ReactDOM.render(<h1>JavaScript</h1>, document.getElementById('qwerty'));

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Teacher</title>
</head>

<body>
  <div id='qwerty'>
    <h1>Hello world!</h1>

  </div>
  <script src='./src/signup.js' type='text.jsx'></script>
</body>
</html>

【问题讨论】：

嗨 Manav，欢迎来到 SO。 React 和 JSX 是 JavaScript 的超集，这意味着它们使用新语法添加了新功能。但是浏览器本身并不支持这些语法。这就是为什么总是有一个 build 步骤将 JSX 转换为 JS，浏览器可以运行。查看 React 文档，了解如何设置构建过程。

标签： javascript html reactjs

【解决方案1】：

你有三个问题：

浏览器仅支持声明为模块的脚本中的import
浏览器根本不支持 JSX
text.jsx 不是 type 属性的有效值

您需要将使用 JSX 和导入的代码转换为浏览器支持的代码。

The official tutorial 提供了两种方法。设置选项 2：本地开发环境需要更多工作才能开始，但最终会为您提供更高效的结果。

【讨论】：

嘿！即使没有导入语句和 type='text/javascript' 我也无法使用我的 javascript。难道不能在 React.js 应用程序中使用纯 javascript 吗？
@ManavNeema — 如果您删除导入语句，那么您甚至不会尝试加载您所依赖的 React 库。如果你声称它是 JS，那么它会尝试将 JSX 作为 JS 执行……它不是，所以它会出错。理论上，你可以在 React 应用程序中使用纯 JS（这实际上是编写转译器生成的代码），但我从未见过有人尝试这样做，因为这意味着放弃非常强大的 JSX 语法。 React 的主要好处。
这是我的 github repo 的链接：github.com/manavneema/competitive-coding-platform 请你检查一下并告诉我问题是什么以及如何将我的 Javascript(reactjs) 连接到 HTML