内联条件渲染失败

Question

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

 {var && <MyComponent />}

但是它引发了我这个错误：

Text strings must be rendered within a <Text> component

但是，当我这样做时：

{var !== '' && <MyComponent/ >} 效果很好。

知道为什么会这样吗？

Answer 1

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