之后需要语法高亮帮助

【问题标题】：Need help for syntax highlighting after empty tags <> </> in JSX files在 JSX 文件中的空标签 <> </> 之后需要语法高亮帮助
【发布时间】：2020-07-04 11:13:54
【问题描述】：

我已经尝试使用 Javascript React 扩展来突出显示 JSX 语法。 <>{text}</> 之后荧光笔似乎不起作用，文件看起来像下面的屏幕截图。

看起来完全是蓝色的部分似乎不受语法荧光笔的影响。

【问题讨论】：

标签： reactjs visual-studio-code ide jsx

【解决方案1】：

发生这种情况是因为 linter 检测到代码有问题。您不能像使用 div 那样使用 React.Fragments（又名 <> </>）。它只能用作最外层的包装器。像这样：

好：

const Component = () => {
  return (
    <>
      // Rest of JSX
    </>

  )
}

错误：

const Component = () => {
  return (
    <div>
      <>Hola</>
    </div>

  )
}

【讨论】：

代码完全正确@niconiahi。很确定这不是原因。