Как делать поиск в React Native?

Я пытаюсь реализовать словарь в своем приложении. Для этого я получаю ответ api, который содержит данные для словаря. Ответ api будет основан на вводе, введенном пользователем. Если я наберу букву a, будет получен соответствующий результат. Но при дальнейшем вводе полного слова, скажем, adhaar, я ожидаю, что отобразит только этот частный элемент. в моем случае, что бы я ни набирал в поле поиска, результат будет таким же даже после того, как будет набрано полное слово. Кроме того, я не получаю результат слова, которое я набираю. Я слежу за этим документом Пожалуйста, помогите мне разобраться в моей ошибке. Что я делаю не так? Пожалуйста, помогите. Ниже приведен мой код.

  constructor(props) {
    super(props);

    this.state = {
      loading: false,
      data:[]
    };
    this.arrayholder = [];
  }
searchFilterFunction = text =>{
  this.setState({ text });
  console.info(this.state.text);
    fetch('xxxxxx', {
         method:'POST',
         headers: {
             'Accept': 'application/json'
         },
         body:JSON.stringify({
           s:text,
           loading:false
         })
     }).then((response) => response.json())
     .then((responseData) => {

          this.setState({
              data:responseData.data
          })

          this.arrayholder = responseData.data

     })
     .catch(error => {
     this.setState({ error, loading: false });
   });
   const newData = this.arrayholder.filter(item => {
    const itemData = `${item.post_title}`;
     const textData = text;
     return itemData.indexOf(textData) > -1;
     this.setState({ data: newData });
  });

   }
<Container>
     <Header>
         <Item>
           <Input placeholder = "Search"
           onChangeText = {text => this.searchFilterFunction({text})}
           />
         </Item>
       </Header>
    ...
     ...
   <List containerStyle = {{ borderTopWidth: 0, borderBottomWidth: 0 }}>
       <FlatList
       data = {this.state.data}
       renderItem = {({ item }) => (
       <Text>{item.post_title}</Text>
       )}
       keyExtractor = {(item, index) => index.toString()}
       ItemSeparatorComponent = {this.renderSeparator}
       />
       </List>
  <Container>

Вот так будет экран вывода https://i.stack.imgur.com/gXhTb.png

Любая помощь приветствуется. Спасибо!