Korzystam z poniższej tablicy:
const categories = ['crimson', 'gold', 'lime', 'dodgerBlue', 'fuchsia'];
Na jej podstawie "wypisuję" sobie komponenty, unikając ręcznego precyzowania każdego inputa, przykładowo:
{categories.map(category => (
<Input
key={category}
type="checkbox"
name={category}
value={category}
onChange={this.changeEvent}
checked={this.state.categories[category]}
/>
))}
Czy istnieje możliwość "wypisania" ich w state
na podstawie tablicy, aby nie korzystać z ręcznego wypisywania każdego z elementów, jak poniżej?
state = {
categories: {
crimson: true,
gold: true,
lime: true,
dodgerBlue: true,
fuchsia: true,
},
};
Gdyby nie konieczność przypisania true
, to mógłbym wewnątrz state zrobić coś na takiego: array: [...categories],
, jednak w tym przypadku nie mam pomysłu.