如何在Firebase中将整数显示为文本视图？

import React, { useState, useEffect } from 'react';
import firebase from 'firebase';

const MyComponent = () => {
  const [integerData, setIntegerData] = useState(0);

  useEffect(() => {
    // 从Firebase数据库中获取整数数据
    const fetchData = async () => {
      const snapshot = await firebase.database().ref('path/to/integer').once('value');
      const data = snapshot.val();
      setIntegerData(data);
    };

    fetchData();
  }, []);

  return (
    <div>
      <p>整数数据: {integerData.toString()}</p>
    </div>
  );
};

export default MyComponent;