如何在 json 结果中分隔逗号（React Js）

Question

我想在 JSON 结果中分离逗号并在我的 React JS 中使用

这个 JSON 输出：

 "photo" :"[\"photo1\",\"photo2\",\"photo3\",\"photo4\"]"

我使用带有 API 的 react js 来获得上面的结果，但我想要的结果是：

“链接+照片1”

“链接+照片2”

“链接+照片3”

.

我应该怎么做才能得到我想要的结果？ 我已经写了这段代码，但不起作用

 var link = "http://photo..."
  const { photo} = post;

        var getphoto = JSON.parse(photo.split('));

作为回报我写

       <img src={link + getphoto} alt={getphoto} />

Answer 1

直接parse() 就可以了，它会变成一个数组。

使用 map() 调整每个项目

const link = "http://photo..."
const data = "[\"photo1\",\"photo2\",\"photo3\",\"photo4\"]";

const result = JSON.parse(data).map(x => link + x);

console.log(result)