Форматирование кода с тегом <pre> в React и JSX

Я пытаюсь использовать тег pre внутри JSX. Когда вы используете тег pre в JSX, он вообще не форматируется. Зачем? Чтобы использовать предварительный тег, мне нужно сделать что-то вроде этого:

const someCodeIWantToFormat = "var foo = 1"
const preBlock = { __html: "<pre>" + pythonCode + "</pre>" };
return(
  <div dangerouslySetInnerHTML={ preBlock } />;
)

Зачем?

Ответы на вопрос(3)

Ваш ответ на вопрос