Filter.js

constructor(props) {
        super(props);
        this.state = {
            BHKtype: []
        };
    }

filterItems = (value, type) => {
        console.log("Value: ", value);
        console.log("Type: ", type);

        switch (type) {
            case '1 BHK':
                if(this.state.BHKtype.includes(value) === false){
                    this.setState( prevState => ({
                        BHKtype: [...prevState.BHKtype, value]
                    }));
                }
                break;
            case '2 BHK':
                if(this.state.BHKtype.includes(value) === false){
                    this.setState( prevState => ({
                        BHKtype: [...prevState.BHKtype, value]
                    }));
                }
                break;
            case '3 BHK': 
                if(this.state.BHKtype.includes(value) === false){
                    this.setState( prevState => ({
                        BHKtype: [...prevState.BHKtype, value]
                    }));
                }
                break;
            case '3+ BHK':
                if(this.state.BHKtype.includes(value) === false){
                    this.setState( prevState => ({
                        BHKtype: [...prevState.BHKtype, value]
                    }));
                }
                break;
            default:
                break;
        }     
}


<View style={styles.buttonContainer}>
    <TouchableOpacity onPress={() => this.filterItems(1, "1 BHK")}>
        <Filterbutton name="1 BHK" checked={this.state.BHKtype.includes(1)}/>
    </TouchableOpacity>
    <TouchableOpacity onPress={() => this.filterItems(2, "2 BHK")}>
        <Filterbutton name="2 BHK"/>
    </TouchableOpacity>                  
    <TouchableOpacity onPress={() => this.filterItems(3, "3 BHK")}>
        <Filterbutton name="3 BHK"/>
    </TouchableOpacity>
    <TouchableOpacity onPress={() => this.filterItems(4, "3+ BHK")}>
        <Filterbutton name="3+ BHK"/>
    </TouchableOpacity>
</View>