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

У меня по клику кнопки должен добавляться ещё один элемент

в массив и этот массив потом отображается, когда я нажимаю на кнопку, элемент добавляется в массив (state), происходит update компонента, но новый элемент не отображается, почему так? https://codesandbox.io/s/vibrant-cache-2n7m4?file=/src/App.js

7 ответов

25 просмотров

Разве реакт может вывести массив? Вот так ты перебираешь свой массив и выводишь элементы массива. <div className="main-container"> {sections.map(i => i)} <button onClick={this.addSection}>Add section</button> </div>

Стейт мутировать не нунжо

this.setState({...{ sections: [...sections] }}); Вот так стейт не мутируется, и работает без моего мапинга. Но чёт выглядит как дичь)

Надо this.setState(prev=> ({ ...prev, sections: [... prev.sections, ...sections] }))

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

Обсуждают сегодня

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Ребят в СИ можно реализовать ООП?
Николай
33
Подскажите пожалуйста, как в CustomDrawCell(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo: TcxGridTableDataCellViewInfo; var ADone: Boolean); получить наз...
A Z
7
Карта сайта