Может кто подсказать?

в конструкторе:

this.setBotTypeState = this.setBotTypeState.bind(this);

В компоненте родителе:

  async componentDidMount() {
    const results = await loadBots();
    this.setState({bots: results.bots})
  }

Также метод, для изменения типа бота, без перезагрузки с апи

  setBotTypeState = (botId, type) => {
    let bots = this.state.bots;
    bots[bots.findIndex((bot => bot.id == botId))].type = type;
    
    this.setState({
      ...this.state,
      bots: bots
    });
  }

Передаю пропсами в дочерний компонент, вызываю, но ничего не происходит (консоль лог выводит данные, но состояние не изменяется)

Что не так?

Всем привет.

Есть какие-нибудь распространенные практики по организации роутов в Реакт приложениях?

Писать файл на 3к строк, который состоит из Switch и Route, лично мне кажется, неудобно

если у тебя bots массив, то возможно ссылка на объект bots при изменении type не меняется, а значит state не меняется

bots является тем же объектом, ререндер вызовется только если ты новый объект передашь.

setState в классовых компонентах умеет обновлять стейт порционно, т.е. тебе не нужно ...this.state писать

Можно как-то так, например

setBotTypeState = (id, type) => this.setState({
  bots: this.state.bots.map(
    bot => bot.id === id 
      ? ({...bot, type}) 
      : bot
  )
})

Если твой код минимально изменять, то ошибка в первой строке в setBotTypeState

setBotTypeState = (botId, type) => {
 let bots = [...this.state.bots];
 bots[bots.findIndex((bot => bot.id == botId))].type = type;
   
 this.setState({
   ...this.state,
   bots: bots
 });
}

Большое спасибо за объяснение. Теперь понял, что не так)

красиво. сижу учу реакт, такие куски кода полезны)

К слову, второй код не работает по какой-то причине. Но вот первый - шикарный.
Разве что во второй строчке this.state.bots.map

А ещё если ты юзаешь стрелочные функции в классах, то их не нужно привязывать в конструкторе явно.
Стрелочные функции используют контекст объявления, поэтому они будут привязанными сразу

Про это знал, но т.к. проблема была с изменением состояния, решил на всякий случай дописать бинды)

Там ещё скобки кстати лишние в findIndex

Да, точно, молодец) this.state забыл

Странно, что твой код с изменениями не работает. Вот набросал по-быстрому https://codesandbox.io/s/icy-sun-hcl9y?file=/src/App.js

Не работал как раз-таки из-за моих двух скобок) Да и мне понравился первый код, буду теперь так писать). Хотя странно, в песочнице работает с двумя скобками. Не понятный момент

Не, в песочнице одни скобки

Встречал упоминание, что useEffect это не тоже самое что и у классовых компонентов CDM и CDU (lifecycle hooks).

Может кто знает автора/саму статью - поделитесь, пожалуйста. Хочу перечитать

Это смесь этих дидмоунтов

Про это мне известно, но речь была как раз про то, что это не тоже самое

hello

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

убрать импорт из файла