выборка данных из api в react-native snap carousel, но не работает должным образом

#api #react-native #redux #carousel #react-snap

#API #react-native #сокращение #carousel #react-snap

Вопрос:

Я использую вашу 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>
        );

Все полученные данные отображаются на одной карте. Кто-нибудь, пожалуйста, помогите мне!

1. привет, брат! пожалуйста, поделитесь ответом api

2. могу я показать вам данные консоли?

3. да, это было бы здорово

4. пожалуйста, проверьте мой обновленный код brother

5. можете ли вы сказать, какой ожидаемый результат?! любой снимок экрана! или UX?

Ответ №1:

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

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

 const { name, available } = data;

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