从react本机的FlatList中删除项

state = {
  data: [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' },
    // 更多的列表项...
  ]
}

render() {
  return (
    <FlatList
      data={this.state.data}
      renderItem={({ item }) => (
        <Text>{item.name}</Text>
      )}
      keyExtractor={item => item.id.toString()}
    />
  )
}

deleteItem = (itemId) => {
  this.setState(prevState => ({
    data: prevState.data.filter(item => item.id !== itemId)
  }))
}

render() {
  return (
    <FlatList
      data={this.state.data}
      renderItem={({ item }) => (
        <View>
          <Text>{item.name}</Text>
          <Button
            title="Delete"
            onPress={() => this.deleteItem(item.id)}
          />
        </View>
      )}
      keyExtractor={item => item.id.toString()}
    />
  )
}