Hi i am using an SearchableDropdown to filter some data when i search for tham. When i go filter i have 1500 users with names and some of tham have simbols in their name like this one "&" and when there is a name like Fish & Chips i am getting an error and i dont see that user i get 0 data and i should have been found that user couse i send the data via options to search him specificly. And any other customer that does not have that simbol i search succesfuly.
This is my Searchable dropdown.
<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} }
I dont know is this enough information but if someone had simmilar issues please help :D