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

Question

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

我尝试在单引号前输入转义符，但没有成功。我确信单引号导致了红色突出显示，因为当我删除它时，它就会消失。

代码如下:

import React from 'react';

const banner = () => {

  return <p>Tristan\'s first React site!</p>
};

export default banner;

Answer 1

“红色突出显示”来自eslint。我不知道您使用的是哪种配置，但此警告适用于 no-unescaped-entities

所以你可以通过使用类似的方法来修复它:

<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-curly-brace-presence