如何将搜索功能应用于具有可变子成员的SectionList？

import React, { Component } from 'react';
import { View, SectionList, TextInput, Text } from 'react-native';

class SearchableSectionList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      searchText: '',
    };
  }

  filterData = (data) => {
    const { searchText } = this.state;
    return data.filter(item => item.name.includes(searchText));
  }

  renderSectionHeader = ({ section }) => {
    return (
      <View>
        <Text>{section.title}</Text>
      </View>
    );
  }

  renderItem = ({ item }) => {
    return (
      <View>
        <Text>{item.name}</Text>
      </View>
    );
  }

  renderEmptyState = () => {
    return (
      <View>
        <Text>No results found.</Text>
      </View>
    );
  }

  render() {
    const { data } = this.props;
    const filteredData = this.filterData(data);

    return (
      <View>
        <TextInput
          onChangeText={text => this.setState({ searchText: text })}
          value={this.state.searchText}
          placeholder="Search"
        />
        {filteredData.length > 0 ? (
          <SectionList
            sections={filteredData}
            renderSectionHeader={this.renderSectionHeader}
            renderItem={this.renderItem}
          />
        ) : (
          this.renderEmptyState()
        )}
      </View>
    );
  }
}

export default SearchableSectionList;