Тернарный оператор в ReactJs заголовке карты

Question

Как я могу поместить тернарный оператор в заголовок CardHeader в ReactJS? Я могу указать только одно имя, но не фамилию.

<CardHeader title={(firstName ? firstName : "")(lastName ? lastName : "")} />;

Answer 1

Может, ты попробуешь сделать что-нибудь подобное.

<CardHeader title={`${firstName || ''} ${lastName || ''}`} />;

Answer 2

Вы можете использовать несколько тернарных операторов в одной строке:

<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()} />