Hola, estoy usando un SearchableDropdown para filtrar algunos datos cuando busco tham. Cuando voy a filtrar, tengo 1500 usuarios con nombres y algunos de ellos tienen símbolos en su nombre como este "&" y cuando hay un nombre como Fish & Chips, recibo un error y no veo a ese usuario. Obtengo 0 datos. y debería haber encontrado ese usuario porque envío los datos a través de opciones para buscarlo específicamente. Y cualquier otro cliente que no tenga ese símbolo busco con éxito.
Este es mi menú desplegable de búsqueda.
<SearchableDropdown multi={false} onItemSelect={(item) => { var items = [];//this.state.searchVendor; items.push(item) this.setState({...this.state, searchCustomer: item }); }} chip={true} selectedItems={this.state.searchCustomer} containerStyle={{ padding: 0 }} onRemoveItem={(item, index) => { //const items = this.state.searchVendor.filter((sitem) => sitem.id !== item.id); this.setState({...this.state, searchCustomer: ''}); }} textInputStyle={styles.input} itemStyle={{ paddingVertical: 10, paddingHorizontal: 0, marginTop: 2, backgroundColor: '#FFF', borderColor: '#DDD', borderBottomWidth: 1, }} itemTextStyle={{ fontFamily: 'Poppins-Regular', color: '#222', }} defaultIndex={0} itemsContainerStyle={{ maxHeight: 140 }} items={this.state.allCustomersList} resetValue={false} textInputProps={ { placeholder: this.state.searchCustomer !== undefined && this.state.searchCustomer.name !== undefined ? this.state.searchCustomer.name : '', placeholderTextColor: '#000', underlineColorAndroid: "transparent", onTextChange: (text) => {} } } listProps={ {nestedScrollEnabled: false} }
No sé si esta información es suficiente, pero si alguien tuvo problemas similares, por favor ayuda: D