javascript - 无法使用条件渲染渲染不同的结果

Question

我正在尝试检查用户是否有用户名以允许他上传图像，否则我想要求用户登录但我尝试这样做会出现此错误：

TypeError: Cannot read property 'displayName' of null

App
C:/Users/User/Desktop/try-react/new-app/src/App.js:91

这是导致错误的代码：

return (
    <div className="app">
 
        {user.displayName  ? <ImageUpload  username={user.displayName} /> : <h3>login</h3>}
        

标签： javascripthtmlreactjsfrontend

Answer 1

您的用户具有空值。将此用于空检查

{user ? <ImageUpload  username={user?.displayName} /> : <h3>login</h3>}