Question

这是我第一个尝试在我的笔记本电脑上做出反应的反应代码，但它不起作用

正如你在图片中看到的那样，阴影在此之前结束。阴影必须覆盖所有脚本标记。我不知道为什么！

<!DOCTYPE html>
<html>
  <head>
    <script src="js/react.js"></script>
    <script src="js/react-dom.js"></script>
	<script src="js/browser.js"></script>
  </head>
  <body>
	<div id = "dome"></div>

    <script type='text/jsx'>
 
        ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome");
    </script>
  </body>
</html>

Answer 1

您的代码有语法错误，渲染功能的括号未关闭。

ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome");

使用此：

ReactDOM.render(<h1>Hello React </h1>,document.getElementById("dome"));

编辑：如果您想使用JSX，则应在脚本类型中使用text/babel，并确保导入browser.js文件。

<script type='text/babel'>
    ReactDOM.render(<h1>Hello React </h1>, document.getElementById("dome"));
</script>

Answer 2

JSX不是有效的javascript，因此必须首先进行转换。这就是你在那里得到错误的原因。你提到的来源有点过时，实际上不是原点。

请按照实际的教程： https://reactjs.org/tutorial/tutorial.html

反应没有结果

2 个答案: