0

У меня есть массив с объектами (пример ниже) и нужно с помощью рендерить на странице, но рендер должен происходить только тех объектов, у которых поле type = 0. Если честно, то не совсем пойму как это сделать внутри самого FlatList (при передаче data или extraData).

const SERVICES = [
    {
        id: 1,
        name: 'ServiceFree1',
        description: 'Что-то здесь написано, но что я хз, пусть будет так',
        type: 0, 
        cost: 10000,

    },
    {
        id: 2,
        name: 'ServicePaid1',
        description: 'Что-то здесь написано, но что я хз, пусть будет так',
        type: 1, 
        cost: 10000,
        
    }
]

Код FlatList'a

<View style={styles.container}>
            <FlatList 
                style={{width: '100%'}}
                data={data}
                keyExtractor={( item ) => item.id.toString()}
                renderItem={({item}) => <ServicesItem item={item} navigation={navigation}/>}
            />        
</View>

1 ответ 1

0

Вот ответ (передать нужно нужные пропсы)

<View style={styles.container}>
            <FlatList 
                style={{width: '100%'}}
                data={data.filter(d => d.type === 0)}
                keyExtractor={( item ) => item.id.toString()}
                renderItem={({item}) => <ServicesItem item={item} navigation={navigation}/>}
            />        
</View>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.