programming language

                                                         1. index.js file             const  [ salesPersonCount ,  setSalesPersonCount ] =  useState ( 0 );                 const  [ salesPersonArray ,  setSalesPersonArray ] =  useState ([]);      const  [ selectModalVisible ,  setSelectModalVisible ] =  useState ( false );                        return  (           < MultiSelect              selectModalVisible = { selectModalVisible }              onPress = { ()  =>  {  setSelectModalVisible ( false ) } }              onRequestClose = { ()  =>  {  setSelectModalVisible ( false ) } }              data = { salesPersonArray }              allCheckboxCount = { allSelect   =>   setSalesPersonCount ( allSelect ) }              changeChecked = { selectedValue   =>  {                   for  ( var   i  =  0 ;  i  <  salesPersonArray . length ;  i ++) {                         if  ( salesPersonArray [ i ]. ValueField  ===  selectedValue ) {                                if  (

     Full Source Code     App.js File import   React , {  Component  }  from   'react' ; import  {  StyleSheet ,  View ,  Image  }  from   'react-native' ; import   TouchablePureComp   from   '../common/touchablePureComp' ; import   ModelComponent   from   '../common/modelSliderComponent' ; export   default   class   BottomSliderForColor   extends   React . Component  {      constructor () {          super ();          this . state  = {              isVisible:   false ,              data:  [                 {  name:   "Redmi" ,  colorName:   "Green" ,  color:   "#009933" ,  isActive:   true , image:   "https://www.bing.com/th?id=OIP.nCJf2ygszbStDfPlJuvX4AHaFj&w=120&h=96&c=8&rs=1&qlt=90&pid=3.1&rm=2"  },                 {  name:   "Samsung" ,  colorName:   "Pink" ,  color:   "#ff1aff" ,  isActive:   false ,   image:   "https://th.bing.com/th/id/OIP.iBgM