Formatierungscode mit <pre> -Tag in React und JSX

Ich versuche, das Pre-Tag in JSX zu verwenden. Wenn Sie das Pre-Tag in JSX verwenden, wird es überhaupt nicht formatiert. Warum? Um das Pre-Tag zu verwenden, muss ich Folgendes tun:

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

Warum

Antworten auf die Frage(6)

Ihre Antwort auf die Frage