извлекает данные из API в карусели snap-native, но не работает должным образом

Question

Я использую вашу реагирующую нативную карусель 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>
        );

Показывает все извлеченные данные на одной карте. Любой Пожалуйста, помогите мне!

Answer 1

Это не имеет абсолютно никакого отношения к самому плагину.

Поскольку вы уже передаете responseMsg._embedded.items на Carousel, вам нужно просто использовать опору data вашего SliderEntry компонентавместо того, чтобы ссылаться на него снова и отображать его.

const { name, available } = data;

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