Кто как решает проблему тега br в react?

Question

[Александр Иванов]

При выводе отображения React не может прочитать тег br в такой форме <br>.
Многие висивиг редакторы по умолчанию настроены на <br> а не <br />, и получается приходится ображаться к бекенду и заменять тег <br> на <br />.

Например:

var Content = React.createClass({
            render: function(){
                return (
                    <div className="content">
                    [[*content:strip:replace=`<br>==<br />`]]
                    </div>
                );
            }
        });

Кто сталкивался с таким?

Answer 1

[Екатерина Долгушина]

Попробуй в классе content прописать white-space: pre-line;
а где br должно быть {'\n'}

<p className="content-pre-line">
    this is conteeeeent.{'\n'}
    this is loooooove
</p>