原子红色 单引号 (') 后突出显示

Question

如何禁用红色突出显示的特定实例。

我尝试在单引号之前输入转义，但它不起作用。我确定单引号导致红色突出显示，因为当我删除它时，它会消失。

代码如下：

import React from 'react';
const banner = () => {
return <p>Tristan's first React site!</p>
};
export default banner;

Answer 1

">

红色高亮"来自eslint。我不知道您使用的是哪种配置，但此警告适用于无未转义实体

因此，您可以使用以下内容来修复它：

<p>Tristan&apos;s first React site!</p>

或者使用其他选项找到该链接。

您可以使用以下内容：

{`Tristan's first React site!`}

或

<p>{'Tristan's first React site!'}</p>

或

<p>{"Tristan's first React site!"}</p>

正如评论和其他答案中所建议的，但这可能会导致另一个警告：JSX-花括号存在

Answer 2

这样的东西应该有效

import React from 'react';
const banner = () => {
return <p>{'Tristan's first React site!'}</p>
};
export default banner;