Как представить строку многострочного текста в, Реагируют

Предположим, что у меня есть текстовая строка, которая содержит разрывы строки, и я представляю ее как это:

render() {
    var text = "One\nTwo\nThree";
    return <div>{text}</div>;
}

В HTML разрывы строки не представляют как разрывы строки. Как я должен выполнить, это Реагирует? Я не хочу преобразовывать в <br> теги и использование dangerouslySetInnerHTML. Есть ли иначе?