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

в дебагере данные уже пришли

первый вопрос
какое ты поведение хочешь увидеть?
один лист ты мепишь, тут нет

const [list2, setList2] = useState([]);
return (
    <div className="Root">
        {list2}
    </div>
);

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

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

const [state, setState] = useState('AWESOME STRING')

const changeString = () => {
console.log(state)
setState('WAT')
console.log(state)
}

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

20:58пожаловаться #2

первый вопрос
какое ты поведение хочешь увидеть?
один лист ты мепишь, тут нет

const [list2, setList2] = useState([]);
return (
    <div className="Root">
        {list2}
    </div>
);

пишем в input имя элемента, жмем кнопку Add элемент имя элемента рендерится перед формой

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

20:58пожаловаться #3

А зачем 2 листа?

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

20:59пожаловаться #4

PARA ZITE

А зачем 2 листа?

почему компонент в handleList2 теряет _owner и из-за этого list2 вообще никогда не рисуется?

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

21:00пожаловаться #5

почему компонент в handleList2 теряет _owner и из-за этого list2 вообще никогда не рисуется?

может как минимум потому что ты его не мепишь в jsx?

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

21:02пожаловаться #6

почему компонент в handleList2 теряет _owner и из-за этого list2 вообще никогда не рисуется?

второй вопрос
что лежит в arr?

let arr = list2;
arr.push(component);
setList2(arr);

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

21:03пожаловаться #7

может как минимум потому что ты его не мепишь в jsx?

потому что он уже jsx

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

21:03пожаловаться #8

первый вопрос
какое ты поведение хочешь увидеть?
один лист ты мепишь, тут нет

const [list2, setList2] = useState([]);
return (
    <div className="Root">
        {list2}
    </div>
);

у тебя в коде это массив
или где я ошибаюсь?

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

21:03пожаловаться #9

второй вопрос
что лежит в arr?

let arr = list2;
arr.push(component);
setList2(arr);

текущий массив компонентов

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

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

текущий массив компонентов

окей
зачем ты копируешь ссылку на root?
и вызываешь push
если есть setRoot ?

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

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

окей
зачем ты копируешь ссылку на root?
и вызываешь push
если есть setRoot ?

потому что root это константа

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

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

PARA ZITE

Фигней страдает просто, на твоем месте лучше пойти читать как работает useState и смотреть в useEffect

Если более точно, то пока не обновится компонент, он будет иметь не актуальный state

https://t.me/react_js/1082632
Вам вопрос если вы решили блеснуть знаниями

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

21:07пожаловаться #13

потому что root это константа

допустим
зачем тебе push? ты root можешь изменить только с помощью setRoot

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

21:08пожаловаться #14

допустим
зачем тебе push? ты root можешь изменить только с помощью setRoot

let arr = root; - копирую текущее состояние
arr.push(component); - добавляю в копию текущего состояние изменение
setRoot(arr); - обновляю текущее состояние

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

21:10пожаловаться #15

Ты не копируешь

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

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