Обновление и удаление функций в firestore реагируют на родные - PullRequest
0 голосов
/ 02 февраля 2020

Как мне обновить и удалить в firestore через ID с do c data

На данный момент он печатается и выглядит так

EHhutrXlEH8x0yjsD1hi Object {
  "AUTHOR": "VINCENT DIZON",
  "CONTENT": "NIXXX",
  "TITLE": "ADMIN",
}

jN7P58zK5JgJGOoDD2aV Object {
  "AUTHOR": "Vincent Dizon",
  "CONTENT": "EXAMPLE ANNOUNCEMENT",
  "TITLE": "Sample Title",
}

Мне нужен идентификатор документа, чтобы передать функцию редактирования, чтобы я мог обновить ее в FireStore, это мой код Как передать Id для обновления объектов, чтобы быть похожим на код до

retrieveAnnouncement = () => {
    const announcements = [];
    const id = []
    /* retrieve announcements */
    firebase.firestore().collection('announcement').get()
      .then(querySnapshot => {
        querySnapshot.forEach(doc => {
          announcements.push(doc.data(), doc.id);
        });
        // this will set announcements and trigger render.
        this.setState({ content: announcements, docID: id });
       /*  console.log(announcements) */
      })
      .catch(err => console.log(err));
};

_renderAnnouncement = ({ item }) => 
    //display the content of announcement
      <Card>
        <Text h3>{item.TITLE}</Text>
        <Text h5>{item.CONTENT}</Text>
        <View style={styles.container}>

        <TouchableHighlight>
            <View>
              <Button title="Edit" onPress={() => console.log(item)}  containerStyle={{marginLeft: 10, width: 80}} />
            </View>
        </TouchableHighlight>
          {/* <Button title="Edit" onPress={this.editAnnouncement(item)}  containerStyle={{marginLeft: 10, width: 80}} /> */}
          <Button title="Delete" buttonStyle={{backgroundColor: 'red'}} containerStyle={{marginLeft: 10, width: 80}} />
        </View>
      </Card>
    render () {
      return (
        <View>
        <ScrollView>
          <FlatList data={this.state.content} renderItem={this._renderAnnouncement} keyExtractor={item => item.id} />
        </ScrollView> 
        </View>
      )}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...