Question

我在获取json数组时在map函数中加载本机基本组件。我检查了json数组的获取数据。我还通过将数据打印到控制台来检查地图功能中的数据，它也正常工作。但我不知道为什么在map函数中没有渲染原生基础组件？

import React, { Component } from 'react';
import { Card, List, ListItem, Thumbnail, Body,Button, Text } from 'native-base';
import { Image } from 'react-native';

export default class CardSection extends Component {
    render() {
        return (
            <Card>
                <List>
                    <ListItem>
                        <Text>FIrst list item</Text>
                    </ListItem>
                </List>
                <List>
                    {
                        this.props.data.map(albumdata => {
                            <ListItem>
                                <Text></Text>{/* not displaying in the simulator */}
                                <Text>{albumdata.title}</Text>{/* not displaying in the simulator */}
                            </ListItem>
                        })
                    }
                </List>
            </Card>
        );
    }
}

Answer 1

我想我知道这个问题，你没有从map函数回调中返回任何内容。替换 -

albumdata => {
  <ListItem>
   <Text></Text>{/* not displaying in the simulator */}
   <Text>{albumdata.title}</Text>{/* not displaying in the simulator */}
  </ListItem>
}

与

albumdata => {
  return (
    <ListItem>
     <Text></Text>{/* not displaying in the simulator */}
     <Text>{albumdata.title}</Text>{/* not displaying in the simulator */}
    </ListItem>
  );
}

如果这可以解决您的问题，请告知。

Native Base组件不呈现json数组映射函数？

1 个答案: