为什么CDN链接到ReactJS不起作用_Reactjs

为什么CDN链接到ReactJS不起作用

reactjs

为什么CDN链接到ReactJS不起作用,reactjs,Reactjs,为什么这不起作用？我检查了React文档，CDN链接似乎没有问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta nam

为什么这不起作用？我检查了React文档，CDN链接似乎没有问题

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script
      crossorigin
      src="https://unpkg.com/react@17/umd/react.production.min.js"
    ></script>
    <script
      crossorigin
      src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"
    ></script>
  </head>
  <body></body>
  <script>
    const element = <h1>Hello, world</h1>;
    ReactDOM.render(element, document.querySelector("body"));
  </script>
</html>


文件
常量元素=你好，世界；
render（元素、文档、查询选择器（“主体”）；

要使用JSX，您需要像Babel这样的transpiler，因为浏览器中没有内置JSX支持

您可以使用Babel CDN：

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

const element=Hello，world

无效

JavaScript

，您需要一个transpiler，例如

Babel

，将您的

JSX

代码转换为浏览器可以理解的内容。有关如何添加Babel以及告诉它脚本需要处理的信息，请参阅。请注意，“不工作”并不是一个非常有用的问题描述。正确的。谢谢@Jornsharpe这个代码不起作用，这就是我写的。是什么让你认为它不起作用？你在页面上看到了什么？它在控制台上说了什么？你期待什么？看，非常感谢！我们不可能只使用React来使用JSX吗？@Adith您的意思是不从CDN加载额外的包，比如Babel？不，如果您只想加载React，请使用createElement语法。好的！谢谢无论如何，我可以在

2分钟内接受您的回答，您可以使用CDN尝试React和JSX out，但对于生产应用程序，我建议使用npm和create React应用程序，它处理babel零件，是一个更好的工作流。好吧我并没有用它，因为上次我试了大约半个小时才完成。（我想那是因为我的电脑速度很慢）。但我明天会得到一个M1 Mac，所以我想问题解决了！