его нет, ушел

та мне вообще кто может научить чему то

@js_noobs_ru очевидно если ты ищешь помощи по js то заходить нужно в чаты в которых эта тема является основной

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

Weibenfalk, Tyler Potts (вспомнил еще ютуб каналы по реакту)

Коллеги, привет. Подскажите, пожалуйста, следующий момент. В функциональном компоненте я могу написать

const MyComponent: FC = () => {
   const [filter, setFilter] = useState<FilterState>(initialFilter)
   const [tableData, setTableData] = useState<TableData>(initialTableData)
}

Удобно то, что я могу менять фильтр и данные таблицы отдельно, без писанины вроде

setState({...previousState, filter: newFilter})

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

class MyComponent extends Component<{}, StateType> {
   this.state = {
       table: initialTable,
       filter: initialFilter
   }

   private updateFilter = newFilter => {
      this.setState({filter: newFilter})
   }
}

На старых проектах юзал MobX, и концепция отдельного свойства на часть состояния была очень удобна. В новом проекте MobX не используют, хочу сделать как-то максимально похоже.

const MyComponent: FC = () => {
   const [filter, setFilter] = useState<FilterState>(initialFilter)
   const [tableData, setTableData] = useState<TableData>(initialTableData)
}

setState({...previousState, filter: newFilter})

class MyComponent extends Component<{}, StateType> {
   this.state = {
       table: initialTable,
       filter: initialFilter
   }

   private updateFilter = newFilter => {
      this.setState({filter: newFilter})
   }
}

Нет, на классах так нельзя

Спасибо, ладненько. Тогда FC наше всё будет)

Хотя стоп, почему нельзя?
Можно так, как вы написали

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

Та я что-то не до конца вопрос понимаю

Типа, ясно, что в  свойстве "state" классового компонента можно хранить объект какой-угодно вложенности, но в чем тогда вопрос?

Почему же? Все верно ответил во второй раз.

Вызов this.setState выполнит shallow мердж объекта стейта

Ну, это понятно, я изначально подумал, что вопрос вообще не об этом)
Не важно, короче, только запутал)

Вопрос в том, что я хочу передавать только те свойства стейта, которые изменились. А те, которые не изменились, не передавать. В доке пишут

setState({...oldState, desiredProp: newValue })

Я хочу просто

setState({desiredProp: newValue})

setState({...oldState, desiredProp: newValue })

setState({desiredProp: newValue})

Если это свойства первого уровня вложенности - можно так, как зеленый друг выше подсказал)

Да, много уровней вложенности городить не планирую. Спасибо)

А почему вы классовые компоненты пишете, если не секрет?)
Переубеждать не планирую, просто интересно

так исторически сложилось (с) :D