Check out example codes for "html pre tag". It will help you in understanding the concepts better.

Code Example 1

  <CardHeader title="Output" />
    <pre style={{ backgroundColor: "white" }}>{JSON.stringify(values, null, 2)}</pre>

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.

Hello greppers,    ankur
here hope you   all
are enjoying        the 

Learn ReactJs, React Native from