У меня есть приложение реагирования, которое выбирает продукты из файла json, я добавил две кнопки в верхней части страницы, чтобы каждая из них отображала данные из своего состояния json.
, так что есть состояние menu1, меню 2 и активный список, я сделал 2 функции как
Active1() {
this.setState({ activelist: !this.state.items });
}
Active2() {
this.setState({ activelist: !this.state.items2 });
}
и кнопки, которые их переключают,
<button className="changebutton" onClick={this.Active1}>
Menu 1
</button>
<button className="changebutton" onClick={this.Active2}>
Menu2
</button>
, и этопри щелчке будет отображаться активный список, который представляет собой меню1 и меню2, но он не работает.
имя файла Itemlist.js
https://codesandbox.io/embed/4jox1kq20x?fontsize=14 (выможет захотеть нажать на кнопку обновления в песочнице)