我已经有一个现有的代码,我试图理解它并对其进行一些调整。我有一个文本区域,当有人键入文本时,列表会显示所有以该字符开头的单词。我面临的问题是,我想可能是无法获取或获取键入的文本或字符,因此,一旦我输入了某些内容,即使列表中有一个以该字符开头的项目,说列表中没有匹配的项目。我将无法共享整个代码,因为它太长,并且关联了很多文件,因此只能共享其中的一部分。
constructor(props){
super(props);
this.loadWithQuery = this.loadWithQuery.bind(this);
this.onPress = this.onPress.bind(this);
}
render(){
<SafeAreaView style={{flex : 1, backgroundColor : "white"}}>
<Search
renderItem={this.renderItem}
placeholder={"Enter OS Name1"}
refreshing={loading}
loadWithQuery={this.loadWithQuery}
data={osNames}
title={"Select OS Name"}
error={error}
/>
</SafeAreaView>
}
renderItem = ({item}) => {
return (
<TouchableOpacity onPress={() => this.onPress(item)}>
<View style={styles.container}>
<Text style={styles.name} value={item.os_name} />
</View>
</TouchableOpacity>
)
};
loadWithQuery(searchedString){
const {
customerId,
token
} = this.props;
console.log("query", query)
this.props.getOsNames(token, customerId, searchedString);
}