从Firestore获取数据后如何setState

import React, { Component } from 'react';
import firebase from 'firebase/app';
import 'firebase/firestore';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
    };
  }

  componentDidMount() {
    // 初始化Firebase
    firebase.initializeApp({
      // 配置你的Firebase项目信息
    });

    // 获取Firestore实例
    const firestore = firebase.firestore();

    // 从Firestore获取数据
    firestore.collection('yourCollection').doc('yourDocument').get()
      .then((doc) => {
        if (doc.exists) {
          // 获取到数据后，使用setState更新组件状态
          this.setState({ data: doc.data() });
        } else {
          console.log('No such document!');
        }
      })
      .catch((error) => {
        console.log('Error getting document:', error);
      });
  }

  render() {
    const { data } = this.state;

    return (
      <div>
        {/* 在组件中使用获取到的数据 */}
        {data && (
          <div>
            <h1>{data.title}</h1>
            <p>{data.description}</p>
          </div>
        )}
      </div>
    );
  }
}

export default MyComponent;