Можно ли в тернарном условии как-то сделать приравнивание? Ну типа, в

Question

Можно ли в тернарном условии как-то сделать приравнивание? Ну типа, в

теле JSX написать такое условие

let level = 0;

if(level === 0) {
console.log('No nest')
} if (level === 1) {
console.log('Nested level 1')
} if (level === 2) {
console.log('Nested level 2')
}

На обычном if else это изи, но как на тернарке захерачить?

#frontend #javascript #programming #react.js #russian

0

29.09.2021

16 ответов

14 просмотров

Gleb Winterson

ты имеешь ввиду так console.log(level === 0 ? 'No nest' : level === 1 ? 'Nested level 1' : level === 2 ? 'Nested level 2' : null)

0

29.09.2021

Иль xD 🏃‍♂️💨

для таких людей горит отдельный котел)

0

29.09.2021

Rodion Автор вопроса

ой, бля, не начинай

0

29.09.2021

Rodion Автор вопроса

да, спасибо!

0

29.09.2021

Vadim (๑˃̵ᴗ˂̵)و

бахни switch

0

29.09.2021

@xtx

это вообще извращенный свитч

0

29.09.2021

Rodion Автор вопроса

ну а как внутри JSX иначе условия писать ?

0

29.09.2021

Vitaliy

ты можешь до метода рендер что-то сохранять в переменную в зависимости от условия, а в сам jsx закидывать только свою переменную, это повысит читаемость

0

29.09.2021

Vova

Сейчас деды научат, забей , хд )

0

29.09.2021

Геній III сторіччя до н.е.

Ну, если level может быть любым, а не только 0, 1 и 2 – console.log(!level ? 'No nested' : `Nested level ${level}`)

0

29.09.2021

Rodion Автор вопроса

ну вот я так и сделал, заранее, перед рендером записываю в переменную level значение от 1 до 2. В самом JSX мне нужно вывести определённые данные в зависимости от того что в level 0,1 или 2.

0

29.09.2021

Rodion Автор вопроса

только 0, 1 или 2)

0

29.09.2021

Rodion Автор вопроса

но спасибо

0

29.09.2021

Maksim Brazhin

Вот более изящный и гибкий пример в одну строку. //level - число (нужно его скастить в строку) // создаешь конфиг в отдельном пакете и файле export const levelConfig = (props) => { return { ['0']: <AnyComponent {...props} />, ['1']: <AnyComponent {...props} />, ['2']: <AnotherAnyComponent {...props} />, }; }; //пример использования в jsx. В зависимости от level будет рендерится нужный компонент через конфиг <div> { levelConfig(props)[level] } </div>

0

29.09.2021

Rodion Автор вопроса

интересно, спасибо!

0

29.09.2021

Vitaliy · Accepted Answer

тернарный оператор не вызывает ничего, а возвращает значение в зависимости от условия. Соответственно тернарник должен что-то возвратить в переменную (например тело функции), а функция из переменной дальше должна вызваться и выполнить все что тебе нужно

169 похожих чатов

Можно ли в тернарном условии как-то сделать приравнивание? Ну типа, в

16 ответов

Похожие вопросы