JSX块内的两个三元条件？

Question

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

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

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

这是我当前的代码，仅用于检查活动指示器。

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

我如何在此处检查其他isData检查？

Answer 1

您可以简单地套用Thernary操作员，尽管它不会很漂亮，而且很容易变得凌乱。在当前Thernary运算符的False部分中，只需添加另一个检查即可。像这样的东西

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