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

Question

我正在使用你的 react-native Snap carousel，它工作得很好，但我正在尝试从 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>
        );

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

Answer 1

这与插件本身完全无关。

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

const { name, available } = data;

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