我目前正在学习react redux并同时构建一个应用程序。我使用了可选的链接来进行用户身份验证。但是我收到了这个错误信息。

You may need an appropriate loader to handle this file type.

| 列号：11|上）
}，用户？.显示名称），/#纯/React创建元素（“h3”，{|“标题选项__标题”，|__self：这个，
我在youtube上看了超过10个视频，但是每个人似乎都只解释了什么是可选链接，我已经知道了。但是我想知道为什么它在我的react应用程序上不起作用，以及如何修复它。请帮助我解决这个问题，谢谢。下面是React jsx代码的样子

<Avatar className="headerOption__icon">
      {/* {user? user.displayName[0] : "" } */}
      {user?.displayName}
      </Avatar>

三元运算符似乎可以工作，但不是我想要的方式。我想要更像一个if语句，不使用else语句。