如何在ReactJS中的CardHeader标题中放置三元运算符？我只能写一个名字，不能写姓氏。
<CardHeader title={(firstName ? firstName : "")(lastName ? lastName : "")} />;
eivnm1vs1#
可以在同一字符串中使用多个三元运算符：
<CardHeader title={`${(firstName ? firstName : "")} ${(lastName ? lastName : "")}`} />
在你的例子中，我会使用一个函数来生成全名：
const getFullName = () => { const name = [] if(firstName) name.push(firstName) if(lastName) name.push(lastName) return name.join(' ') } // ... <CardHeader title={getFullName()} />
omqzjyyz2#
也许你可以试着做这样的事情。
<CardHeader title={`${firstName || ''} ${lastName || ''}`} />;
2条答案
按热度按时间eivnm1vs1#
可以在同一字符串中使用多个三元运算符：
在你的例子中，我会使用一个函数来生成全名：
omqzjyyz2#
也许你可以试着做这样的事情。