Телеграмм чат группы react

2020 October 04

PW

Pan Włodzimierz in React — русскоговорящее сообщество

у меня есть хук на изменение стейта (там массив с объектами)
и вот у меня возник вопрос
почему например

console.log(tasks)
setTasks(tasks.filter(e => e.id !== this.id));
console.log(tasks)

почему tasks перед setTasks такой же как и после?

источник

11:11пожаловаться #1

ee

ernest everstov in React — русскоговорящее сообщество

Message: Cannot query field "Business" on type "Business"., Location: [object Object], Path: undefined

источник

11:13пожаловаться #2

ee

ernest everstov in React — русскоговорящее сообщество

что это значит

источник

11:13пожаловаться #3

A

Alexander in React — русскоговорящее сообщество

Pan Włodzimierz

у меня есть хук на изменение стейта (там массив с объектами)
и вот у меня возник вопрос
почему например

console.log(tasks)
setTasks(tasks.filter(e => e.id !== this.id));
console.log(tasks)

почему tasks перед setTasks такой же как и после?

setState действия являются асинхронными и группируются для повышения производительности. Это объясняется в документации setState.

источник

11:18пожаловаться #4

PW

Pan Włodzimierz in React — русскоговорящее сообщество

аааа
тогда понял

источник

11:18пожаловаться #5

И

Иван in React — русскоговорящее сообщество

ernest everstov

Message: Cannot query field "Business" on type "Business"., Location: [object Object], Path: undefined

Что в типе Business нет поля Business

источник

11:22пожаловаться #6

АЛ

Александр Листратенк... in React — русскоговорящее сообщество

доброго дня уважаемые !
Как сделать чтоб функция возвращала содержимое файла ?
У меня возвращается [object Promise]

export async function fetchFiles(file) {
let response = await fetch(file);
return response.text();
}

let temp1Value = fetchFiles('data/temp1'); // [object Promise]

Подскажите пожалуйста.

источник

11:45пожаловаться #7

Т

Тимофей 🛴 in React — русскоговорящее сообщество

Александр Листратенков

доброго дня уважаемые !
Как сделать чтоб функция возвращала содержимое файла ?
У меня возвращается [object Promise]

export async function fetchFiles(file) {
let response = await fetch(file);
return response.text();
}

let temp1Value = fetchFiles('data/temp1'); // [object Promise]

Подскажите пожалуйста.

Асинхронная функция всегда возвращает промис. Используй then или await

источник

11:46пожаловаться #8

АЛ

Александр Листратенк... in React — русскоговорящее сообщество

fetchFiles('data/temp1').then(response => console.log(response));
Так ?

А как теперь response в переменную поместить ?

источник

11:58пожаловаться #9

PW

Pan Włodzimierz in React — русскоговорящее сообщество

Alexander

setState действия являются асинхронными и группируются для повышения производительности. Это объясняется в документации setState.

а если setState асинхронный, то как я тогда могу сделать например два setState'a. но второй зависящий от первого ?

источник

12:03пожаловаться #10

Т

Тимофей 🛴 in React — русскоговорящее сообщество

Александр Листратенков

fetchFiles('data/temp1').then(response => console.log(response));
Так ?

А как теперь response в переменную поместить ?

Спрашивай это тут

https://t.me/js_ru

И почитай про асинхрон в js

источник

12:05пожаловаться #11

PW

Pan Włodzimierz in React — русскоговорящее сообщество

Alexander

setState действия являются асинхронными и группируются для повышения производительности. Это объясняется в документации setState.

например вот

setTasks(tasks.map((e, i) => {
   e.done = i === this.id ? !e.done : e.done;
   return e;
}));
setCounter({
    tasks: tasks.length,
    done: tasks.filter(e => e.done).length
});
ведь

не факт, что setCounter нормально посчитает.

источник

12:05пожаловаться #12

АЛ

Александр Листратенк... in React — русскоговорящее сообщество

Тимофей 🛴

Спрашивай это тут

https://t.me/js_ru

И почитай про асинхрон в js

Спасибо !

источник

12:06пожаловаться #13

A

Alexander in React — русскоговорящее сообщество

Pan Włodzimierz

например вот

setTasks(tasks.map((e, i) => {
   e.done = i === this.id ? !e.done : e.done;
   return e;
}));
setCounter({
    tasks: tasks.length,
    done: tasks.filter(e => e.done).length
});
ведь

не факт, что setCounter нормально посчитает.

Посчитай таски перед setTasks

источник

12:11пожаловаться #14

И

Иван in React — русскоговорящее сообщество

Pan Włodzimierz

например вот

setTasks(tasks.map((e, i) => {
   e.done = i === this.id ? !e.done : e.done;
   return e;
}));
setCounter({
    tasks: tasks.length,
    done: tasks.filter(e => e.done).length
});
ведь

не факт, что setCounter нормально посчитает.

Зачем хранить отдельно counter, если он всегда вычисляется из другого стейта? Неконсистентненько. Если ты можешь вычислить А из B, то нет никакого смысла держать A в стейте — всегда есть актуальное B, из которого A однозначно вычисляется

источник

12:20пожаловаться #15

PW

Pan Włodzimierz in React — русскоговорящее сообщество

Иван

Зачем хранить отдельно counter, если он всегда вычисляется из другого стейта? Неконсистентненько. Если ты можешь вычислить А из B, то нет никакого смысла держать A в стейте — всегда есть актуальное B, из которого A однозначно вычисляется

да я так для примера
чтобы понять что делать с зависимыми стейтами

источник

12:21пожаловаться #16

И

Иван in React — русскоговорящее сообщество

Pan Włodzimierz

да я так для примера
чтобы понять что делать с зависимыми стейтами

Зависимые стейты не должны быть стейтом

источник

12:22пожаловаться #17

W

Without Hands in React — русскоговорящее сообщество