Может кто подсказать? в конструкторе: this.setBotTypeState = this.setBotTypeState.bind(this); В компоненте родителе: async

Question

Может кто подсказать? в конструкторе: 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
});
}
Передаю пропсами в дочерний компонент, вызываю, но ничего не происходит (консоль лог выводит данные, но состояние не изменяется)

Что не так?

#frontend #javascript #programming #react.js #russian

0

27.06.2021

9 ответов

13 просмотров

Ruslan

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

0

27.06.2021

Павел Конин Автор вопроса

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

0

27.06.2021

Sergey Grishchenko

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

0

27.06.2021

Павел Конин Автор вопроса

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

0

27.06.2021

Sergey Grishchenko

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

0

27.06.2021

Sergey Grishchenko

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

0

27.06.2021

Павел Конин Автор вопроса

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

0

27.06.2021

Sergey Grishchenko

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

0

27.06.2021

Ruslan · Accepted Answer

Ruslan

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

0

27.06.2021

169 похожих чатов

Может кто подсказать? в конструкторе: this.setBotTypeState = this.setBotTypeState.bind(this); В компоненте родителе: async

9 ответов

Похожие вопросы