从反应本地快照轮播中的api获取数据,但无法正常工作

时间:2019-03-27 13:05:52

标签: api react-native redux carousel react-snap

我正在使用您的本机Snap轮播,效果很好,但是我正尝试从API中获取数据,效果很好,但显示了一张卡中的总数据。如何单独显示?

以下是代码:

List.js

storage = collections.Counter({'flour': 200, 'eggs': 4, 'rice': 450})
shoppingBag = collections.Counter({'eggs': 6, 'chocolate': 200, 'cream cheese': 250, 'flour': 1000, 'rice': 1000})
result = storage + shoppingBag

SliderEntry.js

mainExample () {
        const { slider1ActiveSlide } = this.state;
        return (
            <View>
                <Carousel
                    data={data}
                />
                <Pagination
                    dotsLength={length}
                />
            </View>
        );
    }

它在一张卡中显示所有提取的数据。有人请帮助我!

1 个答案:

答案 0 :(得分:1)

这与插件本身完全无关。

由于您已经将responseMsg._embedded.items传递到Carousel,因此您应该仅利用data组件的prop SliderEntry,而不是再次引用和映射它。

const { name, available } = data;

return (
    <TouchableOpacity>
        <Text>{ name }</Text>
        <Text>{ available }</Text>
    </<TouchableOpacity>
);