api - 在 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应该只利用组件的 prop 而不是再次引用它并映射它。dataSliderEntry

const { name, available } = data;

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