内嵌条件渲染失败

Question

我正在尝试进行如下所示的内联条件渲染：

 {var && <MyComponent />}

但是它引发了这个错误：

Text strings must be rendered within a <Text> component

但是，当我这样做时：

{var !== '' && <MyComponent/ >}它工作正常。

知道为什么会这样吗？

Answer 1

这是因为空字符串将在组件中呈现，因为它是虚假的值（因为&&将返回短路值）。而且在react-native中，如果不将字符串包装在Text组件中，则无法呈现字符串。