Блог

я хочу отобразить конкретную строку на основе условия, используя тернарный оператор с помощью react.

ниже приведен мой код,

 const ChildComponent = (data) => {
    const name = data.name //array
    const type = data.type //object

    return (
        <div>{type.name} {type.id} </div> //here condition to be added
    );
}
 

для приведенного выше кода в блоке возврата type.name и type.id отображаются.

теперь я хочу отобразить имя, если есть тип и type.name. идентификатор должен быть показан, если тип и type.id и «нет», которое будет отображаться, если нет типа и type.name или type.id

не мог бы кто-нибудь помочь мне это исправить. Спасибо.

Вы могли бы сделать что-то вроде этого

 const ChildComponent = (data) => {
    const name = data.name //array
    const type = data.type //object

    return (
        <div>{type amp;amp; type.name ? name : type amp;amp; type.id ? type.id : "none"}</div>
    );
}
 

Я не уверен, что понял все условия, которые вы хотели иметь, но я надеюсь, что вы поняли концепцию.