在 react-native snap carousel 中从 api 获取数据但无法正常工作答案

【问题标题】：fetching data from api in react-native snap carousel but not working properly在 react-native snap carousel 中从 api 获取数据但无法正常工作
【发布时间】：2019-03-27 13:05:52
【问题描述】：

我正在使用您的 react-native Snap 轮播，效果很好，但我正在尝试从 API 获取数据，它有效，但它在一张卡片中显示了总数据。如何单独显示？

代码如下：

List.js

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

SliderEntry.js

        return (
            <TouchableOpacity
                activeOpacity={1}
                onPress={() => { alert(`You've clicked`); }}
            >
                <View>
                    {Title}
                    <Text
                    >
                        {available}
                    </Text>
                </View>
            </TouchableOpacity>
        );

它在一张卡片中显示所有获取的数据。任何人请帮助我！

【问题讨论】：

兄弟！请分享 api 响应
我可以给你看控制台数据吗？
是的，那太好了
请检查我更新的代码兄弟
你能说出预期的输出吗？任何屏幕截图！还是用户体验？

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

【解决方案1】：

这与插件本身完全无关。

由于您已经将responseMsg._embedded.items 传递给Carousel，您应该只利用SliderEntry 组件的prop data，而不是再次引用它并映射它。

const { name, available } = data;

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

【讨论】：

ReferenceError: 找不到变量：数据