ButtonGroup с множественными выборами

Question

Я новичок в react-hooks и react-native вместе с react-native elements. Я пытаюсь выбрать несколько кнопок одновременно, но я могу выбрать только одну кнопку за раз. я не уверен, что я делаю неправильно, поскольку я следую инструкциям: https://react-native-elements.github.io/react-native-elements/docs/button_group.html

это мой текущий код:

import React, { useState } from 'react';
import {View, StyleSheet} from 'react-native';
import {ButtonGroup} from 'react-native-elements';

const WeekdaySelector = React.memo(props => {
const buttons = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
const [selectedIndexes, setSelectedIndexes] = useState([]);

return(
    <View style={styles.viewContainer}>
        <ButtonGroup
        onPress={index =>
            setSelectedIndexes(prevState => [...prevState, parseInt(index)])
        }
        buttons={buttons}
        selectMultiple={true}
        selectedIndexes={selectedIndexes}
        />
    </View>
);

});

const styles = StyleSheet.create({
viewContainer: {
    justifyContent: 'center',
    alignItems: 'center'
}
});

export default WeekdaySelector

Answer 1

Вам не нужно сохранять и изменять предыдущие значения. Уже принятые значения индекса находятся в массиве.

return(
    <View style={styles.viewContainer}>
        <ButtonGroup
        onPress={index =>
            setSelectedIndexes(index)
        }
        buttons={buttons}
        selectMultiple={true}
        selectedIndexes={selectedIndexes}
        />
    </View>
);