Dado un objeto json como se muestra a continuación:
const data = [ { id: "text1", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin odio a luctus ornare. Pellentesque nisl tis tellus nec, dapibus turpis. In hac habitasse platea vitae.", }, ]; Si quiero incluir parte del texto obtenido dentro de una etiqueta <span> como:
<p>Lorem ipsum <span>dolor sit amet</span>. </p>¿Cómo hago esto?
Según tu comentario, imagino que sabes qué texto se debe poner debajo del lapso.
const data = [ { id: "text1", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin odio a luctus ornare. Pellentesque nisl tis tellus nec, dapibus turpis. In hac habitasse platea vitae.", }, ]; const textToSpan = 'dolor sit amet';En este caso, puede dividir su cadena y renderizar con algo como esto:
const aText = data.text.split(textToSpan); const aTextRender = aText.reduce((result, t) => { if (result.length) { result.push(<span>{textToSpan}<span>); } result.push(t); return result; }, []) return ( <p> {aTextRender} <p> );Sin embargo, el código no se probó: o
¡Esto debería hacer tu trabajo!
data[0].text.replace("dolor sit amet", "<span>dolor sit amet</span>");