const checkboxHandler = () => {
    dispatch(catalogCheck(e.target.checked, id))
  };

а если в дереве будет несколько типов чекбоксов? :)
например открыть/закрыть все ветки сразу

это просто открыть/закрыть ветку в дереве)

в первом уровне дерева

Доброй ночи, кто шарит хорошо в Реакте и Редаксе, можете помочь?) Это займет 5м, напишите в ЛС))

ну это я утрировано, ну например будут чекбоксы для пометки на удаление еще рядом

пиши вопрос сюда, никто в личку к тебе не пойдет

в чем трудность написать сюда?

У меня есть Инпут и Чекбокс, когда инпут не является пустой строкой я устанавливаю чекбос в false (как видно на скрине), но проблемка в том, что когда я установлю чекбокс в тру, инпут должен задисейблится, а чекбокс так и остатся true, но условие выше этого не позволит..
При этом инпут может быть не пустым

смотри, исторически сложилось так, что EventHandler это обычно интерфейс во многих языках, например в java
а функции обрабатывающие эвенты называют handleEvent-ами

но это в общем, случае так
в частности же лучше давать обработчикам более осознанные имена

так, давай ты лучше опиши задачу не вникая в детали реализации, вообще не трогая техническую сторону - тогда проще тебе что то посоветовать будет

а то смотришь потом в такой код и видишь блин changeHandler...
и начинаешь искать сначала в каких элементах он там че хендлит и какие чейнжи

В общем у меня есть очень ужасный редьюсер с гавнокодом, но так как никто его рефакторить не хочет, я должен как-то загавнокодить еще больше этот редьюсер..
В общем на странице есть поле и чекбокс, если юзер не хочет заполнять поле, он ставит его в положение ТРУ и поле дисейблится, но есть вариант что когда-то это поле было заполнено, и юзер может не очищает его, а просто поставить положение чекбокса в ТРУ и поле задисейблится..
НО, так же поле если заполнено или пустое, чекбокс должен быть ФОЛС

вот как это выглядит, может так понятнее будет

На установке Чекбокса очищать поле же можно?

Точно этого не знаю, но думаю можно)

ну дык храни состояние чекбокса тогда отдельно, а не вычисляй его на основании длины value инпута. плюс выше правильно сказали что можно очищать на тоггле чекбокса (когда переход из false в true)

Спасибо,

Подскажите ещё плиз, как мне в редьюсере поменять свойство внутри дерева.

let current = state.products.find(c=> c.id == action.payload.id)?.chosen;

console.log(current, action.payload.checked);

return state;

часть выше работает. Нужно вернуть состояние с поменяным chosen.

я пытаюсь сделать как-то так:

return {...state, products: state.products.find(c=> c.id == action.payload.id)!.chosen = action.payload.checked}

и оно даже компилится, но потом вываливается с ошибкой при первом же чеке, а я не до конца понимаю как управляться с таким синтаксисом

при клике оно грохает текущее дерево, наверно я пытаюсь что-то поменять не в том уровне

короче тебе просто нужно разделить непосредственное изменение состояния чекбокса кликом на него и изменение состояния чекбокса через инпут

Ну вот я как-то так и пытался, пока не очень получилось 🙁