Hola, estoy importando value json.
console.log(value); > Object Array(10) > 0 imageUrl: "http://stackoverflow/images/0," > 1 imageUrl: "http://stackoverflow/images/1," > 2 imageUrl: "http://stackoverflow/images/2," > 3 imageUrl: "http://stackoverflow/images/3," > 4 imageUrl: "http://stackoverflow/images/4," > 5 imageUrl:"http://stackoverflow/images/0http://stackoverflow/images/0," ... const Minsu = () => { return ( <> <img src={value[0].imageUrl} /> </> ) } Mi problema es que la imagen no se muestra correctamente debido a esto , en imageUrl ahora, quiero eliminar solo esta cadena ','. Sin embargo, traté de eliminar solo la cadena ',' usando el filtro, pero dice que el filtro no se puede usar porque imageUrl es una cadena.
Cadena Quiero eliminar ',' de una cadena específica, ¿cómo puedo hacerlo?
Y si hay http://stackoverflow/images/0http://stackoverflow/images/0 en imageUrl, quiero eliminar un archivo http.
¡Usando replace() puedes hacerlo!
const arr = [ { imageUrl: "http://stackoverflow/images/0," }, { imageUrl: "http://stackoverflow/images/1," }, { imageUrl: "http://stackoverflow/images/2," }, { imageUrl: "http://stackoverflow/images/3," }, { imageUrl: "http://stackoverflow/images/4," }, { imageUrl: "stackoverflow/images/0http://stackoverflow/images/0, " }, ] function App() { return ( <div> {arr.map(val => { return ( <img src={val.imageUrl.replace(',', '').replace('stackoverflow/images/0', '')} /> ) })} </div> ); } export default App;Intenta reemplazar
const value = [{ imageUrl: 'http://stackoverflow/images/0,' }]; export default function App() { return ( <div> <h1>Hello StackBlitz!</h1> <p>Start editing to see some magic happen :)</p> return ( <> <img src={value[0].imageUrl.replace(',', '')} /> </> ) </div> ); }