使用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>;