Красная подсветка атома после одинарной кавычки (')

Question

Как отключить отдельные экземпляры красной подсветки.

Я пытался ввести escape перед одинарной кавычкой, но это не сработало. Я уверен, что одиночная кавычка вызывает красное выделение, потому что когда я удаляю ее, она исчезает.

Вот код:

import React from 'react';

const banner = () => {

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

export default banner;

Answer 1

«Красная подсветка» исходит от eslint. Я не знаю, какую конфигурацию вы используете, но это предупреждение для no-unescaped-entity

Так что вы можете исправить это, используя:

<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-Наличие

Answer 2

Примерно так должно работать

import React from 'react';

const banner = () => {

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

export default banner;