Delete a specific string in a `react` array

Question

Hello I am importing 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} />
   </>
 )

}

My problem is that the image is not output properly because of this , in the imageUrl now, I want to delete only this string ','. However, I tried to delete only the ',' string using filter, but it says that filter cannot be used because imageUrl is a string.

String I want to delete ',' from a specific string, how can I do it?

And if there are http://stackoverflow/images/0http://stackoverflow/images/0 in imageUrl, I want to delete one http.

Mayur Vaghasiya · Accepted Answer · 2022-01-06 06:22:53Z

1

Using replace() you can do it !

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;

edited Jan 6, 2022 at 6:22

answered Jan 6, 2022 at 6:13

Mayur Vaghasiya

1,4812 gold badges18 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

minsu Over a year ago

Since imageurl is stackoverflow/images/0http://stackoverflow/images/0, I want to delete only this part of http://stackoverflow/images/0. What should I do?

Mayur Vaghasiya Over a year ago

Update my answer !

Mayur Vaghasiya Over a year ago

If my answer helps you accept it :)

minsu Over a year ago

Oh, thank you! But Array 6 7 8 .. is also getting different http://stackoverflow/images/1, 3, 4 ... output. i think i need to cut this http

Shubham Dixit · Accepted Answer · 2022-01-06 06:13:11Z

1

Try replace

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>
  );
}

answered Jan 6, 2022 at 6:13

Shubham Dixit

9,2685 gold badges32 silver badges50 bronze badges

1 Comment

minsu Over a year ago

Since imageurl is stackoverflow/images/0http://stackoverflow/images/0, I want to delete only this part of http://stackoverflow/images/0. What should I do?

Collectives™ on Stack Overflow

Delete a specific string in a `react` array

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related