динамически запрашивать Firestore в реагировать родной - PullRequest
Новая
       37

динамически запрашивать Firestore в реагировать родной

0 голосов
/ 17 апреля 2019

Я получаю сообщения от firebase / fire store в режиме реального времени.Но я хочу динамически запрашивать данные, передавая динамическое число (дату) в предложения where в Firestore и получая данные, если номер (дата) данных превышает заданное динамическое число.Я получаю динамические данные из избыточного хранилища и передаю их в подпорку.но проблема в том, что номер не обновляется.Я определил материал Firestore внутри конструктора.Я приложил свой код ниже.Моя цель - получить данные из Firestore, если дата данных превышает заданную дату.

Я перепробовал много способов и обнаружил, что при отправке сообщений из бэкэнда динамическая дата, которая передается по избыточности, неОбновление bcoz Я использую это значение реквизита внутри моего конструктора.

...
import firebase from 'react-native-firebase'

import {addLastSeen} from '../Redux/Actions'
import {addMessage} from '../Redux/Actions'
import {connect} from 'react-redux'

firebase.initializeApp({
  apiKey: 'AIzaSyDA8acz_UcdHK1QaIPd6sG1Cp5bma_gTvg',
  projectId: 'notifaapp'
})

const firestore = firebase.firestore()

class Navigate extends React.Component{
    constructor(props) {
        super(props);
        this.ref = firestore.collection('messages')
                           .orderBy('date', 'desc')
                          .where("date",'>' ,this.props.lastSeen) 
                 // date is something like this 1555520642840
                 // this.props.lastSeen is getting from redux store via props
        this.unsubscribe = null;
    }
    componentDidMount() {
        this.unsubscribe = this.ref.onSnapshot(this.onCollectionUpdate)
    }
    componentWillUnmount() {
        this.unsubscribe();
    }
    onCollectionUpdate = (querySnapshot) => {
      const todos = [];
      querySnapshot.forEach((doc) => {
        const { title, complete, message, date } = doc.data();
        this.props.addLastSeen(date) // dispatching an action and update redux store
        todos.push({
          key: doc.id,
          title,
          message,
          date : new Date(date)
        });

      });
      alert(JSON.stringify(todos))
      todos.map(value => {
        message = {
            "key": value.key,
            "title": value.title,
            "body": value.message,
            "date": value.date,
            "read":"false",
            "archived":"false"
          }
          this.props.add(message)
      })
    }
    render(){
        return(
            ...
        )
    }
}

function mapStateToProps(state){
  return {
    lastSeen : state.lastSeen.date,// getting date from redux store
  }
}

export default connect(mapStateToProps, {add:addMessage, addLastSeen:addLastSeen})(Navigate)

1 Ответ

0 голосов
/ 18 апреля 2019

Вы не можете изменить запрос onSnapshot без создания нового запроса и повторной подписки.

Вы можете воспользоваться вызовом жизненного цикла componentDidUpdate и проверить наличие изменений в последнем увиденном.собственность. 

componentDidUpdate(prevProps) {
  // Typical usage (don't forget to compare props):
  if (this.props.lastSeen !== prevProps.lastSeen) {
    // un-subscribe and re-subsricbe with modified query
  }
}

Хотя это может решить вашу проблему, я полагаю, что это вызовет много действий по подписке и повторно выполнит рендеринг

...