Всем привет, вопрос по тринарки в проекте пользуется eslint, жалуется на

Dmitriy Shuleshov
const btnText = { [isOpen]: 'Cancel', [match]: '...

🌚

0

19.11.2020

Я с опытом всё меньше использую такие выкрутасы. В таких случаях обхожусь функцией function getText(isOpen, match) { if (isOpen) { return 'Cancel'; } if (match) { return 'Add'; } return 'Add found'; }

0

19.11.2020

Віктор 🫧 Осіпов
Я с опытом всё меньше использую такие выкрутасы. В...

Многословно, зато понятно с первого взгляда даже начинающему.

0

19.11.2020

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

Віктор 🫧 Осіпов
Я с опытом всё меньше использую такие выкрутасы. В...

Спасибо, но с тринаркой возможно как то решить ? так больше кода получается

0

19.11.2020

Yavar
Спасибо, но с тринаркой возможно как то решить ? т...

Вложеные тернарки - не ок. Но если ты экономишь символы — используй :)

0

19.11.2020

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

Віктор 🫧 Осіпов
Вложеные тернарки - не ок. Но если ты экономишь си...

Вложеные тернарки - не ок - почему не ок ?

0

19.11.2020

Yavar
Вложеные тернарки - не ок - почему не ок ?

Они усложняют чтение кода.

0

19.11.2020

Yavar
Вложеные тернарки - не ок - почему не ок ?

Если eslint ругается, скорее всего он сам может это обосновать :) https://eslint.org/docs/rules/no-nested-ternary

0

19.11.2020

Dmitriy Shuleshov
const btnText = { [isOpen]: 'Cancel', [match]: '...

Никто не оценил 😕

0

19.11.2020

jk

Dmitriy Shuleshov
Никто не оценил 😕

Я успешно подавил крик ужаса.

0

19.11.2020

Dmitriy Shuleshov
Никто не оценил 😕

на троечку

0

19.11.2020

Зомби Engineer🧟‍♂️🇷🇸
на троечку

Почему?

0

19.11.2020

Dmitriy Shuleshov
Почему?

а что там оценивать вообще?

0

19.11.2020

Зомби Engineer🧟‍♂️🇷🇸
на троечку

Альтернативы?

0

19.11.2020

Dmitriy Shuleshov
Альтернативы?

что альтернативы?

0

19.11.2020

Зомби Engineer🧟‍♂️🇷🇸
что альтернативы?

Какие есть альтернативы приведенному снипету?

0

19.11.2020

Dmitriy Shuleshov
Какие есть альтернативы приведенному снипету?

ты вопрос читал? Я спросил что оценивать?

0

19.11.2020

Зомби Engineer🧟‍♂️🇷🇸
ты вопрос читал? Я спросил что оценивать?

https://t.me/js_noobs_ru/455334

0

19.11.2020

Dmitriy Shuleshov
const btnText = { [isOpen]: 'Cancel', [match]: '...

const sw = (s) => ({ isOpen: "Cancel", match: "Add", true: "Add found" })[s]

0

19.11.2020

Зомби Engineer🧟‍♂️🇷🇸
const sw = (s) => ({ isOpen: "Cancel", match: "Add...

Dmitriy Shuleshov
🌚

isOpen и match содержат буллевые значения

0

19.11.2020

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

<button>{sw}</button> не возвращает ничего

0

19.11.2020

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

Dmitriy Shuleshov
const btnText = { [isOpen]: 'Cancel', [match]: '...

Eslint показал что так нужно писать const btnText = { [isOpen]: 'Cancel', [match]: 'Add', [true]: 'Add found' }.true и добавил <button>{btnText}<button/> вернул значение true - 'Add found'

0

19.11.2020

Yavar
Eslint показал что так нужно писать const btnT...

"вернул значение true - 'Add found'" - это не понял

0

19.11.2020

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

Dmitriy Shuleshov
"вернул значение true - 'Add found'" - это не поня...

результат - <button> Add founds </button>

0

19.11.2020

Yavar
результат - <button> Add founds </button>

Произошло ожидаемое или ошибка?

0

19.11.2020

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

Dmitriy Shuleshov
Произошло ожидаемое или ошибка?

isOpen - некая логика который возвращает true/false зависимо от этого я показываю кнопку match - срабатывается ниже 575px экранах true - первичное состояние кнопки

0

19.11.2020

Dmitriy Shuleshov · Accepted Answer