Как отобразить многослойные данные о базе данных на ReactJS

Question

Я новичок с firebase и ReactJS и пытаюсь отобразить мои данные в виде плоского списка в моем приложении reactJS, но я не понимаю, как получить данные из моей базы данных, которая является вложенной. до сих пор мне нужно console.log данные, которые я получаю.

Вот моя структура базы данных на базе Firebase

И вот мой код.

import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import * as firebase from 'firebase';

class App extends Component{

  constructor() {
    super();
    this.state = {

    }
  }

  componentDidMount(){

     const rootRef = firebase.database().ref().child('listings');
     const listRef = rootRef.child('listings');
     console.log(rootRef);
  }

  render() {
    return(
      <div className="App">
        <Flatlist/>
      </div>
    )
  }


}
export default App;

Сейчас я хочу отобразить все данные с помощью console.log (), а затем отобразить их в моем плоском списке.