如何在异步调用之前和之后启用React组件重新呈现？

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

const MyComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 异步调用
    fetchData().then(response => {
      // 更新组件状态
      setData(response);
    });
  }, []);

  useEffect(() => {
    // 在异步调用之后启用重新呈现
    // 可以根据需要进行条件判断
    if (data !== null) {
      // 触发重新呈现
      // 使用setState方法
      setData(data);
      // 或者使用forceUpdate方法
      // forceUpdate();
    }
  }, [data]);

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;