в массив и этот массив потом отображается, когда я нажимаю на кнопку, элемент добавляется в массив (state), происходит update компонента, но новый элемент не отображается, почему так? https://codesandbox.io/s/vibrant-cache-2n7m4?file=/src/App.js
Разве реакт может вывести массив? Вот так ты перебираешь свой массив и выводишь элементы массива. <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] }))
Обсуждают сегодня