Как получить значение от firebase в реакции?

Question

Я хочу получить значение из firebase и ввести на какой-то странице первые четыре символа.

Вот мой код.

'use strict'
import React, { useState } from 'react';
import ReactPlayer from 'react-player';
import Array from '../Array';
import * as firebase from 'firebase';


export default () => {

 const getData =(info) => firebase.database.ref('answers').once('value',gotData(
    info,(snapshot)=>{info.push(snapshot.val())}
  ));





  function gotData(data){
    var scores=data.val();
    var keys = Object.keys(scores);
    console.log(keys)
  } 

    return (
      <div>
          <div className="video">
          <ReactPlayer  url={Array[0].url} playing/>
          <div>
              <p>Your guess: </p>
             <p>{getData}</p>
               <p>Right Answer:</p>
               <p>{Array[0].name}</p>
          </div> 

          </div>   

      </div>
    )
  }

Вот моя структура данных в firebase.

Я хочу вставить, например, значение answer2 первых четырех символов "real" в

              {/* <p> want to input the value answer here.</p>  */}