仅当在useEffect中加载数据后计数大于0时才显示计数(在渲染中)

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

function MyComponent() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 在这里进行数据加载操作
    // 假设我们使用一个fetchData函数来获取数据
    fetchData()
      .then(data => {
        // 根据获取的数据更新计数的值
        setCount(data.count);
      })
      .catch(error => {
        console.error('数据加载失败', error);
      });
  }, []); // 依赖项为空数组，表示只在组件挂载时执行一次

  return (
    <div>
      {count > 0 && <p>计数：{count}</p>}
    </div>
  );
}

export default MyComponent;