我无法在 vscode 的 ReactDOM 渲染文件中添加 html 标签

Question

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

const data = < h1 > hello world! < /h1>
ReactDOM.render(data,
    document.getElementById('root')
);

今天我想在 reactjs 上工作，但是我遇到了一个问题，当我在代码更改后将该代码保存在 vs 代码中时，它会在 html 标记中的它们之间放置额外的空格，从而导致错误。我想知道你们中是否有人遇到过这个问题并且可能会遇到问题谢谢您帮助我解决它

Answer 1

您的代码很好。 render 方法不需要组件。像你这样的元素也可以工作。

这是 VS Code Studio 中的常见问题，通常是由于编辑器设置或扩展造成的。

查看一些可能的解决方案的答案：

• eslint/prettier adding unwanted space into html tags
• VSCODE inserting spaces via format on save
• VSCode adds spaces inside HTML tags inside React code