Entonces, lo que quiero hacer es tener algo de texto, y cuando hago clic en alguna palabra, me devuelve esa palabra. Así que digamos 'Tengo un automóvil', si hago clic en 'automóvil', quiero que me devuelva 'automóvil'. Para hacer eso, probé esto:

 const alltext = text.toLowerCase().split(" ");

text es el texto de destino (sería el 'tengo un coche').

Así que ahora tengo una matriz con cada palabra. Para renderizarlo hice:

 alltext.map((item) => ( <span> {item}</span> ))

Y pasé una función de clic que me devuelve el texto interno del intervalo. Y funciona bien la mayoría de las veces, el problema es si pego un texto con dos párrafos, porque esa línea en blanco se convierte en '\n' en la matriz. entonces si tengo gusto

La historia americana.

Comienza con...

Y lo pego, la matriz es ['la', 'americana', 'historia.\n\nit', 'comienza', 'con']

Aunque se procesa decentemente, el problema es que cuando hago clic en el historial, devuelve 'historia. eso'. En primer lugar, ¿hay una forma mejor o más inteligente de hacerlo? Y segundo, ¿cómo puedo solucionar esto?

Gracias