我使用脉轮UI头像组件。当我尝试这样做时,只显示名字的首字母:Payload是我通过Redux从我的API获得的数据
<Avatar name={ user && user.payload?.firstName.charAt(0) + "" + user.payload?.lastName.charAt(0) } />
pobjuy321#
您遇到的错误表明代码中存在语法错误。在React中,JSX表达式应该用大括号{}括起来。此外,您需要提供一个字符串作为Avatar组件的名称属性。可以按如下方式修改代码:
<Avatar name={user && `${user.payload?.firstName.charAt(0)} ${user.payload?.lastName.charAt(0)}`} />
1条答案
按热度按时间pobjuy321#
您遇到的错误表明代码中存在语法错误。在React中,JSX表达式应该用大括号{}括起来。此外,您需要提供一个字符串作为Avatar组件的名称属性。可以按如下方式修改代码: