Строка 0: ошибка анализа: недопустимая длина массива в приложении реакции

Question

Используя VScode, я следил за Mo sh учебником на youtube: https://youtu.be/Ke90Tje7VS0?t=1080

Первый код для записи в индекс. 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>';, он компилируется.

В чем может быть дело?

РЕДАКТИРОВАТЬ: Я не заметил, что использовал закрывающий тег в начале.

Answer 1

Похоже, произошла опечатка. Это должен быть действительный тег JSX (закрывающий тег </h1> вначале может вызывать проблему)

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

Answer 2

React использует JSX или TSX для смешивания UI с logi c.

JSX, по сути, объединяет HTML с javascript logi c в одном месте.

элемент имеет закрывающий тег в неправильной позиции

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

Если вы присвоите элемент '<h1>Hello, world!</h1>', он просто создаст константу javascript со строковым значением.

Answer 3

Теги JSX должны быть открыты и закрыты, как теги HTML.

У вас есть два закрывающих тега. (</h1>)

Попробуйте:

import React from 'react';
import ReactDOM from 'react-dom';

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