如何修复React Native的categoryTransform方法以筛选指定API数据

修复后的categoryTransform方法 #

const categoryTransform = (data) => {
  // 直接处理API返回的数组，无需解构results属性
  return data.map(item => ({
    // 仅提取需要的name和images字段
    name: item.name,
    images: item.images
  }));
};

关键修复点说明 #

• 修正解构逻辑：原方法错误地尝试从{ results = [] }中获取数据，但你的API返回的是直接的数组而非带results属性的对象，所以直接接收数组参数data即可，不需要额外解构操作。
• 实现字段筛选：通过Array.map()遍历数组，对每个元素仅提取name和images字段并返回新对象，避免返回API返回的全部冗余数据。

使用示例 #

在API调用流程中集成该转换方法：

const fetchCategories = async () => {
  try {
    const response = await fetch('你的API接口地址');
    const rawData = await response.json();
    const filteredData = categoryTransform(rawData);
    // 后续使用仅包含name和images的filteredData
    console.log(filteredData);
  } catch (err) {
    console.error('获取分类数据失败:', err);
  }
};

内容的提问来源于stack exchange，提问作者mightycode Newton