React新手求助：接收对象数据转换后返回新对象函数无返回值问题

你的函数本身逻辑没问题，之所以看起来“无返回内容”，大概率是调用方式错误导致的：

你的函数使用了对象解构参数({ data })，这要求调用时必须传入一个包含data字段的对象，比如：

// 正确调用示例
const originalData = { q1: 10, p1: 20, q2: 15, p2: 25, q3: 20, p3: 30, q4: 25, p4: 35, q5: 30, p5: 40 };
const result = myfunction({ data: originalData });
console.log(result);

如果直接传入原始data对象（比如myfunction(originalData)），解构出来的data会是undefined，循环里访问data['q' + i]会触发错误，导致函数无法正常返回。

另外可以把代码优化得更简洁，用Array.from生成循环数组：

const myfunction = ({ data }) => {
  const myData = Array.from({ length: 5 }, (_, i) => ({
    price: data[`q${i + 1}`],
    vol: data[`p${i + 1}`]
  }));
  return {
    name: 'ss',
    color: '#ffff',
    data: myData,
  };
};

额外检查点 #

• 确认传入的data对象确实包含q1到q5、p1到p5字段，避免出现undefined值
• 调用函数时严格按照解构要求传参，或者修改函数参数为直接接收data对象：

// 修改参数为直接接收data，调用时直接传原始对象
const myfunction = (data) => {
  const myData = [];
  for (let i = 1; i <= 5; i += 1) {
    myData.push({
      price: data[`q${i}`],
      vol: data[`p${i}`]
    });
  }
  return {
    name: 'ss',
    color: '#ffff',
    data: myData,
  };
};
// 调用方式：myfunction(originalData)

内容的提问来源于stack exchange，提问作者sepideh bb