Estoy utilizando React.js para guardar los datos insertados por el usuario (en un textarea
) a MongoDB. Quisiera entender cómo interpretar los saltos de línea para luego, al hacer un get
a la base de datos, poder mostrarlos en un <p>
ya sea reemplazando un \n
por un <br/>
, o como en verdad se deba hacer.
Sería genial si me pueden contestar con la solución, desde ya muchísimas gracias.
Esto es lo que "se me ocurrió" pero no funciona, ya que me imprime literal un <br/>
:
componentDidMount = async() => {
try {
const {data} = await Axios.get(`${this.URI}/get/info`);
var text = data.info;
var newText = text.replace("\n", "<br/>");
this.setState({
info : newText
})
} catch (error) {
console.log(error);
}
}
render(){
return (
<div>
<p>{this.state.info}</p>
</div>
)
}