Can't find variable item

[reactCoder1]

ReferenceError: can't find variable :item

MyCodeIs:....

`import React, { Component } from "react";

import { AppRegistry, View, Button, StyleSheet, Text } from 'react-native' import LabelSelect from 'react-native-label-select'

class MyItskills extends Component {

constructor(props) {
    super(props);
    this.state = {
        arr: [{
            name: 'Microsoft Excel',
            isSelected: false,
            value: 1
        },
        {
            name: 'Microsoft Word',
            isSelected: false,
            value: 2
        },
        {
            name: 'Microsoft Access',
            isSelected: false,
            value: 3,
        },
        {
            name: 'Microsoft Office',
            isSelected: false,
            value: 4
        },
        {
            name: 'Microsoft Power Point',
            isSelected: false,
            value: 5
        },
        {
            name: 'Microsoft Exchage',
            isSelected: false,
            value: 6
        },
        {
            name: 'Micro Controls',
            isSelected: false,
            value: 7
        },
        {
            name: 'Micro Station',
            isSelected: false,
            value: 8
        },
        {
            name: 'Pcl',
            isSelected: false,
            value: 9
        },
        {
            name: 'Computers',
            isSelected: false,
            value: 10
        },
        {
            name: 'Emails',
            isSelected: false,
            value: 11
        }]
    };
    this.selectConfirm = this.selectConfirm.bind(this);
    this.deleteItem = this.deleteItem.bind(this);
}

selectConfirm(list) {
    let { arr } = this.state;
    for (let item of list) {
        let index = arr.findIndex(ele => ele === item);
        if (~index) arr[index].isSelected = true;
        else continue;
    }
    this.setState({ arr: arr });
}
deleteItem(item) {
    let {arr} = this.state;
    let index = arr.findIndex(a => a === item);
    arr[index].isSelected = false;
    this.setState({ arr: arr });
}

render() {
   

    return (
        <View style={styles.container}>
            <Text style={styles.text}>IT Skills</Text>
            <LabelSelect
                title="Checkbox"
                ref="select"
                style={styles.labelSelect}
                onConfirm={this.selectConfirm}>
                {this.state.arr.filter(item = item.isSelected).map((item, index) =>
                    <LabelSelect.Label
                        key={'label-' + index}
                        data={item}
                        onCancel={() => { this.deleteItem(item); }}
                    >
                        {item.name}
                    </LabelSelect.Label>
                )}
            </LabelSelect>
            {/* <Text style={styles.text}>Disable ItSkills</Text>
            <LabelSelect
                style={styles.LabelSelect}
                title="Checkbox"
                enable={false}
                onConfirm={this.selectConfirm}>
                {this.state.arr.filter(item => item.isSelected).map((item, index) =>
                    <LabelSelect.Label
                        key={'label-' + index}
                        data={item}
                        onCancel={() => { this.deleteItem(item); }}
                    ></LabelSelect.Label>
                )}
            </LabelSelect> */}


        </View>
    );
}

} const styles = StyleSheet.create({ container:{ flex:1, padding:10, justifyContent:'center', alignItems:"flex-start", backgroundColor:"#e3eeee" }, labelSelect:{ marginTop:5, marginBottom:20, padding:5, borderWidth:1, borderRadius:6, borderStyle:'dashed', borderColor:'#6dc2a2' }, text:{ fontSize:16, color:'rgb(13, 131, 144)' } }); export default MyItskills; `