无法在平面列表中搜索过滤器（本机）

Question

我创建了一个android应用，在其中我提取了api（）并渲染了列表。 这是图像。 （ https://imgur.com/a/jH86ZL5 ）。 但是，当我在单位列表中搜索标题时，会向我显示空白单位列表（ https://imgur.com/a/Ss7TlnT ）以下是我如何搜索代码

type Props = {};
export default class IndexScreen extends Component<Props> {
  static navigationOptions = {
    title: 'Announcements',
  };

  constructor(props) {
    super(props)

    this.state = {
      data: [],
      isFetching: false,
      search: ''
    };
    this.arrayholder = [];

    this._load = this._load.bind(this);
  }

  componentDidMount() {
    this._load();
  }
  SearchFilterFunction(text) {
    //passing the inserted text in textinput
    const newData = this.arrayholder.filter(function(item) {
      //applying filter for the inserted text in search bar
      const itemData = item.title ? item.title.toUpperCase() : ''.toUpperCase();
      const textData = text.toUpperCase();
      return itemData.indexOf(textData) > -1;
    });
    this.setState({
      //setting the filtered newData on datasource
      //After setting the data it will automatically re-render the view
      data: newData,
      text: text,
    });
  }

  _load() {
    this.setState({isFetching: true});

    fetch("http://lkcfesnotification.000webhostapp.com/api/notifications")
    .then((response) => {
      if(!response.ok) {
        Alert.alert('Error', response.status.toString());
        throw Error('Error ' + response.status);
      }

      return response.json()
    })
.then(({ data }) => {
    this.setState({data});
    this.setState({isFetching: false});
            this.arrayholder = responseJson;
})
    .catch((error) => {
      console.log(error)
    });
  }

  render() {
    return (
      <View style={styles.container}>
        <TextInput
          style={styles.textInputStyle}
          onChangeText={text => this.SearchFilterFunction(text)}
          value={this.state.text}
          underlineColorAndroid="transparent"
          placeholder="Search Here"
        />
    <FlatList
      data={this.state.data}
      showsVerticalScrollIndicator={true}
      refreshing={this.state.isFetching}
      onRefresh={this._load}
      renderItem={({item}) =>
        <TouchableHighlight
          underlayColor={'#cccccc'}
          onPress={() => {
            this.props.navigation.navigate('Show', {
              id: item.id,
              headerTitle: item.title,
              refresh: this._load,
            })
          }}
        >
          <View style={styles.item}>
            <Text style={styles.itemTitle}>{item.department}</Text>
            <Text style={styles.itemSubtitle}>{item.title}</Text>
          </View>
        </TouchableHighlight>
      }
      keyExtractor={(item) => {item.id.toString()}}
    />

我期望的输出是当我搜索单词（“ UTAR”）时所有带有utar的平面列表显示

Answer 1

好的，我确实自己解决了这个问题，错误是我的数组中没有任何数据，而我的原始数组是数据而不是arrayholder。 但是我需要更改为this.state.data才能使其工作，这将更改整个Flatlist的值。 但是当我使用this.data时，它显示对象数据的错误是不确定的