React中如何用内置函数拼接JSON数组指定键的所有值？

你可以直接用JavaScript的两个内置方法组合完成需求，比手动遍历更简洁：

1. 用map()提取每个对象的message字段，生成纯消息文本的数组
2. 用join(',')将数组元素以逗号为分隔符拼接成字符串

示例代码 #

// 假设这是你的API响应数据
const apiData = [
  {
    "severity": 1,
    "message": "msg1"
  },
  {
    "severity": 2,
    "message": "msg2"
  }
];

// 拼接消息
const combinedMessages = apiData.map(item => item.message).join(',');
// 结果："msg1,msg2"

在React组件中使用 #

function MessageDisplay() {
  // 从API获取到的响应数据
  const apiResponse = [/* 你的数据 */];
  const combinedMessages = apiResponse.map(item => item.message).join(',');

  return <div>{combinedMessages}</div>;
}

内容的提问来源于stack exchange，提问作者Bhawana Solanki