React中移除isLoading变量，通过posts数组判断加载状态的潜在问题

这个方案存在几个明显的问题，会导致状态混淆和用户体验下降：

• 无法区分「加载中」和「确实无数据」
  如果接口返回的就是空数组（比如数据库里本来就没有posts），按照这个逻辑会一直显示<Spinner />，但实际上应该展示「暂无数据」的提示。用户会误以为还在加载，不知道是真的没有内容。

• 无法处理请求失败的场景
  一旦axios请求出错（比如网络故障、接口报错），posts会保持初始的[]或null状态，这时候页面会一直显示加载指示器，用户根本不知道请求已经失败，也无法触发重试或看到错误提示。

• 状态语义不清晰
  posts的职责应该是存储接口返回的数据，而加载状态是独立的业务逻辑状态。把两者混在一起，会让代码可读性变差，后续维护时容易出错——比如其他地方修改posts时，可能会误触发加载状态的展示逻辑。

举个简单对比：
原来的逻辑状态是清晰的：

const [isLoading, setIsLoading] = useState(true);
const [posts, setPosts] = useState([]);
const [error, setError] = useState(null);

useEffect(() => {
  const fetchPosts = async () => {
    try {
      const res = await axios.get('/posts');
      setPosts(res.data);
    } catch (err) {
      setError(err.message);
    } finally {
      setIsLoading(false);
    }
  };
  fetchPosts();
}, []);

这里能明确区分「加载中」「加载成功（有/无数据）」「加载失败」三种状态，对应不同的UI展示。而优化方案把这些状态都揉进posts里，逻辑边界模糊，很容易出问题。

内容的提问来源于stack exchange，提问作者sam alvis