reactjs - 仅当存在时才返回图像元素，否则返回图标 -React Native

Question

再会！

我对 React/ReactNative（以及一般编程）很陌生，我目前正在做一个项目，如果满足某个条件，我需要返回一个图像元素，否则返回一个图标。例如，在预先存在的组件中：如果帖子附加了照片，则返回 <Image uri {photo} >，如果帖子没有照片，则返回图标。这是可行的，如果是的话，我该怎么做？

先感谢您！！

标签： reactjsreact-native

Answer 1

使用条件渲染：

{photo ? <Image url={photo}> : <Icon />}

有用的链接：https ://reactjs.org/docs/conditional-rendering.html