时间戳

首页 > 解决方案 > JSX块内的两个三元条件？

react-native - JSX块内的两个三元条件？

问题描述

我有 2 个 useState，一个用于显示活动指示器，另一个状态是检查它是否有数据。

  const [isLoading, setIsLoading] = useState(false);
  const [isData, setIsData] = useState(false);

我想要做的是，如果我有数据，它应该显示加载时间的活动指示器，然后它应该在屏幕上显示数据。如果我没有数据，它应该只显示“未找到数据”。

这是我当前的代码，它只是检查活动指示器。

{isLoading ? (<ActivityIndicator size="large" /> ) : ( <Component data = {data} /> )

我如何在这里检查其他 isData 检查？

标签： react-native

解决方案

你可以简单地嵌套你的三元运算符，虽然它不会很漂亮并且很容易变得混乱。在您当前的三元运算符的 False 部分中，只需添加另一个检查即可。像这样的东西

{isLoading ? 
     (<ActivityIndicator size="large" /> ) 
     : isData ?
       ( <Component data = {data} /> )
       : ( Print Errror)
}

推荐阅读