第0行：解析错误：React应用中的数组长度无效

使用VScode，我遵循了YouTube上的Mosh教程：https ://youtu.be/Ke90Tje7VS0?t=1080

第一个代码是在index.js中编写的：

import React from 'react';import ReactDOM from 'react-dom';const element = </h1>Hello World</h1>;

它已经给我错误：

Failed to compile../src/index.js
Line 0:Parsing error: Invalid array length

这是由const element = </h1>Hello World</h1>;线引起的。

如果我这样引用，const element = '</h1>Hello World</h1>'; 那么它将编译。

可能是什么情况？

编辑：我没有注意到我在一开始就使用了结束标记。

似乎有错字，应该是有效的JSX标签（</h1>乞讨时的结束标签可能会引起问题）

const element = <h1>Hello World</h1>;

React使用JSX或TSX将UI与逻辑混合。

JSX本质上将HTML和javascript逻辑结合在同一位置。

元素在错误的位置有一个结束标记

const element = <h1>Hello, world!</h1>;

如果您将元素分配给'<h1>Hello, world!</h1>'它，则只需使用字符串值创建一个JavaScript常量。

SX标签必须作为HTML标签打开和关闭。

您有两个结束标记。（</h1>）

尝试：

import React from 'react';import ReactDOM from 'react-dom';const element = <h1>Hello World</h1>;