Использование отладчика иммунитета для поиска переполнения стека

Помните, что setState() является асинхронной задачей, поэтому ваш код может не работать должным образом из-за условий гонки, а ваше состояние будет перезаписано.

Итак, вы можете инкапсулировать свою логику в такой функции:

loadData() {
  const messagesRef = fire
    .database()
    .ref("vendor/" + this.state.Day + "/" + this.state.Vendor + "/dishname")
    .orderByKey()
    .limitToLast(100);
  messagesRef.on("child_added", snapshot => {
    const message1 = { text: snapshot.val(), id: snapshot.key };
    console.log(this.state.messages);
    this.setState({
      // ...this.state, <-- You can ommit this, as you are only interested in 
      //                     setting the messages property
      messages: this.state.messages.concat(message1)
    });
  });
}

, а затем вызвать ее в componentDidMount, как это, используя функциональность обратного вызова setState:

componentDidMount() {
  this.setState({ ...this.state}, () => this.loadData());
}