React Native读取Firebase Realtime Database指定用户子节点详情的问题

你当前的snapshotToArray仅遍历了Feedback/[用户uid]下的第一层子节点（也就是new、task1、task4这类分组节点），返回数组里的每个元素其实是分组下所有反馈条目的集合对象，不是单个反馈条目，所以直接读取item.name这类字段无法拿到有效值，仅拿到2个分组对象也和当前逻辑的返回结果匹配。

方法1：修改snapshotToArray工具函数，打平多层子节点 #

如果不需要保留分组层级，直接获取所有反馈条目组成的一维数组，调整工具函数做两层遍历即可：

export const snapshotToArray= snapshot=>{
    let returnArr=[]
    // 第一层遍历所有分组节点
    snapshot.forEach(groupSnapshot => {
        // 第二层遍历分组下的单个反馈条目
        groupSnapshot.forEach(feedbackSnapshot => {
            let item=feedbackSnapshot.val()
            item.key=feedbackSnapshot.key
            // 可按需添加所属分组字段方便后续业务使用
            item.belongGroup = groupSnapshot.key
            returnArr.push(item)
        })
    });
    return returnArr;
}

修改后原有组件的渲染逻辑不需要调整，即可正常读取每个反馈的name、ImageFeedback等字段。

方法2：调整列表渲染逻辑（保留分组展示） #

如果后续需要按分组维度展示反馈，不需要修改工具函数，直接调整组件的渲染层逻辑即可：

render() {
 return (
   <CustomBackground>
     <ScrollView>
       <View>
         {/* 遍历所有分组 */}
         {this.props.feedbacks.feedbacks.map((group, groupIndex) => (
            <View key={groupIndex}>
              {/* 可按需渲染分组名称 */}
              <Text style={{fontSize: 16, fontWeight: 'bold', marginVertical: 8}}>{group.key}</Text>
              {/* 渲染当前分组下的反馈列表 */}
              <FlatList
                data={Object.values(group)}
                renderItem={({ item }, index) =>
                  this.renderItemFeedback(item, index)
                }
                keyExtractor={(item, index) => index.toString()}
              />
            </View>
         ))}
       </View>
     </ScrollView>
   </CustomBackground>
 );
}

修改后可在componentDidMount中打印转换后的数组，确认结构符合预期：

componentDidMount=async()=>{
   const feedbacks=await firebase.database().ref("Feedback").child(user.uid).once('value');
   const feedbackArray=snapshotToArray(feedbacks);
   // 控制台打印查看数组元素是否包含name、ImageFeedback等字段
   console.log('转换后反馈数组：', feedbackArray)
   this.props.loadFeedbacks(feedbackArray);
}

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