如何向papaparse解析CSV得到的对象数组中每个元素新增ID键值

你可以在PapaParse的解析回调中直接处理结果数组，按以下步骤操作即可完成字段新增：

1. 解析时直接处理的完整代码

// 假设file是你上传的CSV文件对象
Papa.parse(file, {
  header: true, // 开启后解析结果为对象数组，和你当前的输出格式匹配
  complete: (results) => {
    // 遍历解析数据，为每个对象新增ID字段
    const formattedData = results.data.map((item) => {
      return {
        ...item,
        id: 'your_fixed_value' // 此处替换为你需要的统一ID值即可
      }
    })
    // 将处理后的数据存入state
    this.setState({
      data: formattedData
    })
  }
})

2. 已有原始数据时的单独处理代码
   如果你已经拿到了PapaParse输出的原始数组，可单独调用以下逻辑处理后再更新state：

// rawCsvData为PapaParse输出的原始对象数组
const processedData = rawCsvData.map(item => ({
  ...item,
  id: '统一ID值'
}))
this.setState({ data: processedData })

常见不生效原因说明 #

• 不要直接修改原数组后直接赋值给state，React需要接收新的数组引用才会触发重渲染，上述map方法会返回全新数组，符合不可变数据要求
• 如果需要唯一ID，可直接将id赋值为map方法的第二个参数index，代码为id: index即可

内容的提问来源于stack exchange，提问作者younes.xd