如何在选择或单击列表中的单个项目时更新 FlatList 中所有项目的 UI 设计

如何在选择或单击列表中的单个项目时更新 FlatList 中所有项目的 UI 设计。我已经尝试了可能的结果我也可以想到 flatlist 属性 extradata 仅在数据发生更改时才有效，否则它不起作用，还将值从子组件传递给父组件并更改 flatlist 的属性之一以重新呈现

这是我在从子组件回调时更改数据数组的代码：

export default class CombinedScreenList extends React.Component {
constructor(props) {
    super(props);

    this.state = {
      loading: false,
      data: [],
      page: 1,
      seed: 1,
      error: null,
      refreshing: false,
      isLongPress: false,
      ref: false,
      index: 1
    };
  }
callBackFuncForChild = (passData) =>{ 

    this.setState({isLongPress: passData});
    this.setState({data: []});
    this.makeRequest();

}
async makeRequest(){
    this.makeRemoteRequest();
  }
  async componentWillMount(){
    this.makeRemoteRequest();
  }
  makeRemoteRequest = () => {
    const { page, seed } = this.state;
    const url = `https://randomuser.me/api/?seed=${seed}&page=${page}&results=2`;
    this.setState({ loading: true });

    fetch(url)
      .then(res => res.json())
      .then(res => {
        this.setState({
          data: page === 1 ? res.results : [...this.state.data, ...res.results],
          error: res.error || null,
          loading: false,
          refreshing: false
        });
        //jsonResponseData = JSON.stringify(res.results);
      })
      .catch(error => {
        this.setState({ error, loading: false });
      });
  };
  render() {
    return (
      // <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      //   <Text>{this.props.data}</Text>
      // </View>
      <View style={{flex: 1}}>
       <FlatList
          data={this.state.data}
          extraData={this.state.refreshing}
          renderItem={({ item }) => (
               <ExpensesTileHeader content = {item} longPressParentFunc = {this.callBackFuncForChild} 
               isSelection = {this.state.isLongPress}/>
          )
          }
        />
        </View>
    );
  }
}