React入门课程文件中出现多余闭合script标签是否正常？

首先可以明确：这个多余的</script>标签和React本身没有任何关系，大概率是讲师编写代码时的操作失误。

具体来说：

• React的运行逻辑、语法规则完全不依赖这类多余的HTML标签，这纯粹是HTML编写时的疏忽问题，和React框架的特性无关。
• 这种失误很常见：比如编写代码时不小心重复输入了闭合标签，或是在复制、修改代码片段时残留了多余的标签。浏览器的HTML解析器有很强的容错性，通常会忽略这类无效的闭合标签，所以不会影响示例的正常运行，但这属于不规范的写法。

举个标准的React Hello World示例的脚本部分参考：

<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>
<script>
  const root = ReactDOM.createRoot(document.getElementById('root'));
  root.render(<h1>Hello, World!</h1>);
</script>

你可以对比自己课程里的代码，把多余的</script>删掉，就能得到规范的写法了。

内容的提问来源于stack exchange，提问作者user13286