Как распознать специальные символы?

Question

Я хотел бы показать абзац внутри тега HTML <div>.

Как я могу распознать эти специальные символы форматирования и отобразить абзац, как предполагалось?

Я попытался в пределах render() { return(<div dangerouslySetInnerHTML={{__html: paragraph}}/>)}, но он по-прежнему не распознает специальные символы форматирования и просто отображает абзац в одном блоке/в строках без какого-либо форматирования.

Благодарим вас и обязательно проголосуйте за ответ и примите его.

Answer 1

Использовать вместо метки pre (preformatted)?

<pre>{paragraph}</pre> 

Это в значительной степени каноническое использование для <pre> тега, так как HTML ignores most whitespace.

В качестве альтернативы, вы можете добавить правило white-space: pre на свой <div>.

<div style={{ whiteSpace: 'pre' }}>{paragraph}</div> 

Это будет иметь такой же эффект, но, возможно, менее семантический HTML.