我正在尝试渲染一个组件，如果没有从数据库中获取数据，它将渲染导入的图像，这是我的代码。
import userDefault from '../../../assets/userDefault.png
<img src={profile?userPhoto ? profile?.userPhoto : userDefault} alt="User-Image" />
userDefault如果 profile.userPhoto 值为空，我该如何渲染？
您的实现对我来说看起来不错，只需在下面分享改进的代码
<img src={profile?.userPhoto ? profile.userPhoto : userDefault} alt="User-Image" />
使用 OR 运算符 (||) 的第二种方法
JavaScript OR 运算符尝试找到第一个真实值，因此如果数据库图像存在，那么它将呈现它，如果不存在，那么它将呈现您的默认图像
<img src={profile?.userPhoto || userDefault} alt="User-Image" />
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句