0
365
ViewsDivida una cadena con la etiqueta HTML <br> en una cadena multilínea
Tengo una cadena que contiene una etiqueta de interrupción html para dividir la cadena, ya que me gustaría dividir la cadena en varias líneas, pero no parece representar la cadena como multilínea en la interfaz de usuario. ¿Cómo puedo lograr lo siguiente?
testString = "This is line one<br>This is line two<br>This is line three"
Rendimiento esperado:
This is line one This is line two This is line three Leí acerca de la dangerouslysettinginnerHTML de HTML interno, pero no quiero usarlo en mi código. En lo que respecta a la división, lo que hice fue intentar
text.split('<br>').map(each => each + <br>)pero eso no funcionó. Cualquier pista o ayuda sería apreciada.
1 answers
Answer question0
La forma más fácil de hacer esto fuera de DangerlySetInnerHTML es dividir y mapear la cadena en una matriz de elementos JSX.
{testString .split(/<br ?\/?>/) .flatMap((line, i) => [line, <br key={`line-${i}`} />])} El delimitador de expresiones regulares está diseñado para dividirse en cualquier forma de <br> , <br/> o <br /> .
