En mi aplicación de ganchos de reacción mientras iteraba el campo de la foto, el src={foto}, aparece como ..\public\images\photo-1654221497889.png
Me gustaría eliminar, la palabra ..\public\
junto con los puntos y barras diagonales inversas usando expresiones regulares, pero esto no funciona para mí. Espero obtener el resultado de la siguiente manera images\photo-1654221497889.png
{ searchResults.slice(0, loadRequests).map(({id, photo, name }) => ( <div className='row'> <div className="playerRow"> <label key={id}> <div className="row"> <div className="checkStyle1"> <input type="checkbox"></input> </div> <div className="plyPhoto"> <img src={photo.replace(/[^..\public\]/g,"")}></img> </div> <div className="plyName"> <div>{name}</div> </div> </div> </label> </div> </div> ))}
Para esta pregunta específica, ¿por qué no subcadenas?
Regex específico: "^[.]+\\public\\"
Regex general, mantenga solo las dos últimas rutas: "^([^\\]*\\)*(.+\\)"
y reemplácelas con el segundo grupo: "$2"
Si desea aprender expresiones regulares, este es un recurso muy conciso: https://github.com/ziishaned/learn-regex