删除“反应”数组中的特定字符串

Question

您好，我正在导入 value json .

console.log(value);
> Object Array(10)
 > 0
   imageUrl: "http://Whosebug/images/0,"
 > 1
   imageUrl: "http://Whosebug/images/1,"
 > 2
   imageUrl: "http://Whosebug/images/2,"
 > 3
   imageUrl: "http://Whosebug/images/3,"
 > 4 
   imageUrl: "http://Whosebug/images/4,"
 > 5  
 
imageUrl:"http://Whosebug/images/0http://Whosebug/images/0,"

...

const Minsu = () => {
 
 return (
   <>
      <img src={value[0].imageUrl} />
   </>
 )

}

我的问题是由于imageUrl 中的这个, 图像无法正确输出，我只想删除这个字符串','。但是，我尝试使用过滤器仅删除 ',' 字符串，但它说无法使用过滤器，因为 imageUrl 是一个字符串。

字符串我想从特定字符串中删除“,”，我该怎么做？

如果imageUrl中有http:///Whosebug/images/0http://Whosebug/images/0，我想删除一个http。

Answer 1

使用 replace() 你可以做到！

const arr = [
  { imageUrl: "http://Whosebug/images/0," },
  { imageUrl: "http://Whosebug/images/1," },
  { imageUrl: "http://Whosebug/images/2," },
  { imageUrl: "http://Whosebug/images/3," },
  { imageUrl: "http://Whosebug/images/4," },
  { imageUrl: "Whosebug/images/0http://Whosebug/images/0, " },
]
function App() {
  return (
    <div>
      {arr.map(val => {
        return (
          <img src={val.imageUrl.replace(',', '').replace('Whosebug/images/0', '')} />
        )
      })}
    </div>
  );
}

export default App;

Answer 2

尝试replace

const value = [{ imageUrl: 'http://Whosebug/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>
  );
}

删除“反应”数组中的特定字符串

Delete a specific string in a `react` array

javascript

frontend

ecmascript-6

reactjs