Здравствуйте коллеги !
Подскажите как вы делаете когда вам нужно  чтобы  в редьюсере какое то поле принимало одно из трёх разных значений ?   То есть то что мы в обычной функции бы написали как
 if (condition1)  {
    value = 1
} else if (condition2) {
    value = 2
} else {
    value = 3
}
нам нужно  сразу  в  return чтобы  сохранить иммутабельность.
Раньше там был тернарник типа :
return {
   value: condition ? 1 : 2
}
Но теперь логика изменилась .
 Гугл  советует мне сделать вложенный тернарник ,  но там  ведь всё равно всё сводиться к выбору из двух вариантов, а у меня их три

Спасибо крутой хук !

еще один вопрос, в проекте пользуются eslint, но мою тренарку не пускает ( как можно правильно упростит ?

{/* eslint-disable-next-line no-nested-ternary */}
              { isOpen ? 'Cancel' : (match ? 'Add' : 'Add comment) }

Спасибо крутой хук !

еще один вопрос, в проекте пользуются eslint, но мою тренарку не пускает ( как можно правильно упростит ?

{/* eslint-disable-next-line no-nested-ternary */}
              { isOpen ? 'Cancel' : (match ? 'Add' : 'Add comment) }

Я вижу пропуск '

какой пропуск ? можно поточнее не понял (

'Add comment) > 'Add comment')

отпечатка, но на самом деле " Add comment "

Я подумал, что может это опечатка в коде)

Я подумал, что может это опечатка в коде)

Такой вариант тоже не сработала

const btnText = {
    [isOpen]: 'Cancel',
    [match]: 'Add',
    [true]: 'Add comment'
  }.true

это зашквар)))

это зашквар)))

😑

Согласен, некрасиво

Ты хочешь что бы текст в кнопке менялся?

Это мой код и он прекрасен!

Да ! первичное состояние `<button>Add comments</button>`
при клике у меня открывается и закрывается окно и меняется текст на

<button>Cancel</button>

и меньше 575px экранах текст должен быть

<button>Add/button>

Да ! первичное состояние `<button>Add comments</button>`
при клике у меня открывается и закрывается окно и меняется текст на

<button>Cancel</button>

и меньше 575px экранах текст должен быть

<button>Add/button>

Я тебе скину пример, посмотришь на мой зашквар)