Я бы хотел, чтобы вы использовали следующий тернарный оператор в React JSX:
<Table.Cell>{`${user.company !== null ? <Link to = {`/companies/${user.company._id}`}>`${user.company.name}`</Link> : '' }`}</Table.Cell>
Однако я получаю следующее значение: [object Object]
Когда я использую этот тернарный оператор, значение отображается справа:
<Table.Cell>{`${user.company !== null ? `${user.company.name}` : '' }`}</Table.Cell>
И когда я использую этот JSX-код без оператора Ternary, значение также правильное:
<Table.Cell><Link to = {`/companies/${ user.company._id}`}>{user.company.name_company}</Link></Table.Cell>
Однако я хотел бы использовать условный тег React Router Link для создания гиперссылки. У меня такая же проблема с использованием других тегов HTML в операторе Ternary.
Что я делаю не так?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ваш синтаксис неправильный. Вам следует переписать тернарную проверку в JSX следующим образом:
<Table.Cell>{ user.company !== null ? <Link to = {`/companies/${user.company._id}`}>{user.company.name}</Link> : null }</Table.Cell>
Или вы можете проверить это так:
<Table.Cell>{ user.company !== null && <Link to = {`/companies/${user.company._id}`}>{user.company.name}</Link> || null }</Table.Cell>
Надеюсь это поможет.