tengo una lista como esta
this.days = [ { key: 0, text: '0 Day', value: 0 }, { key: 1, text: '1 Day', value: 1 }, { key: 2, text: '2 Days', value: 2 }, { key: 3, text: '3 Days', value: 3 } ]; //I use the list as options for drop down <Dropdown name="listOfDays" placeholder="Days" selection options={this.days} value={this.state.listOfDays} onChange={this.handleChange} />Mi problema es que quiero establecer el máximo de días de la lista desde una configuración, algo así
let CONFIG_MAX_SOMETHING = 5; this.days = [ for(let i = 0; i < CONFIG_MAX_SOMETHING; i++) { { key: i , text: i + 'Day', value: i } } ]Sé que esto parece algo fácil de implementar, pero soy nuevo en reaccionar y parece que no puedo encontrar una pregunta similar. Gracias
Una forma común es usar Array.prototype.push para completar dicha matriz:
let CONFIG_MAX_SOMETHING = 5; this.days = []; for(let i = 0; i < CONFIG_MAX_SOMETHING; i++) { this.days.push({ key: i , text: i + (i === 1 ? ' Day' : ' Days'), value: i }) } console.log(this.days); O podría usar API de matriz como Array.from para generar dinámicamente dicha matriz directamente.
let CONFIG_MAX_SOMETHING = 5; this.days = Array.from({ length: 5 }, (_, i) => ( { key: i , text: i + (i === 1 ? ' Day' : ' Days'), value: i } )); console.log(this.days);