Quiero poner en negrita una parte específica de una cadena en mi aplicación reaccionar js pero el resultado no es cierto; Este es mi código y se devuelve:
data?.map((item) => (<li key={item.id}>{item.title.replace(new RegExp(value, 'g'), `<b>${value}</b>`)}</li>)) // rendered value: app<b>l</b>ePorque estás devolviendo una cadena, no un elemento de reacción. Es decir, hay una diferencia importante entre app<b>l</b>e (una matriz de elementos de reacción) y 'app<b>l</b>e' (una cadena).
data?.map((item) => ( <li key={item.id}> { // spread to convert string to array [...item.title].map((letter) => // if the letter matches, wrap in a <b/> tag letter === value ? <b>{letter}</b> : letter) } </li> ))https://codesandbox.io/s/pedantic-tree-r4egc?file=/src/App.js