Check out example codes for "html pre tag". It will help you in understanding the concepts better.
Code Example 1
<Card>
<CardHeader title="Output" />
<CardContent>
<pre style={{ backgroundColor: "white" }}>{JSON.stringify(values, null, 2)}</pre>
</CardContent>
</Card>
Code Example 2
The <pre> tag defines preformatted text.
Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.
Example:
<pre>
Hello greppers, ankur
here hope you all
are enjoying the
coding.
</pre>
Learn ReactJs, React Native from akashmittal.com