我让这个函数可以从 .json 文件中获取一些健身房课程。
filtrarClase(dia, hora) {
let data = this.state.data
return data.filter(clase => {
if ((clase.dia === dia) && (clase.horaclase === hora)) {
return clase.actividad
} else {
return false
}
})
.map((clase,i) => {
return (
<li key={i} className={clase.estilo}>{clase.actividad}
<p className="duracion">{clase.duracion}</p>
<p className="sala">{clase.hoy} {clase.sala}</p>
</li>
)
})
}
没关系,只需通过一些“一天和一小时”就会返回正确的课程。但是后来我找不到循环这个函数的方法......而且只能这样做****
<div className="horario-container">
<ul className="horario-hora">{horas[0]}</ul>
<ul className="horario-item">{this.filtrarClase(1, horas[0])}</ul>
<ul className="horario-item">{this.filtrarClase(2, horas[0])}</ul>
<ul className="horario-item">{this.filtrarClase(3, horas[0])}</ul>
<ul className="horario-item">{this.filtrarClase(4, horas[0])}</ul>
<ul className="horario-item">{this.filtrarClase(5, horas[0])}</ul>
<ul className="horario-item">{this.filtrarClase(6, horas[0])}</ul>
</div>
一遍又一遍……17次……
<div className="horario-container">
<ul className="horario-hora">{horas[1]}</ul>
<ul className="horario-item">{this.filtrarClase(1, horas[16])}</ul>
<ul className="horario-item">{this.filtrarClase(2, horas[16])}</ul>
<ul className="horario-item">{this.filtrarClase(3, horas[16])}</ul>
<ul className="horario-item">{this.filtrarClase(4, horas[16])}</ul>
<ul className="horario-item">{this.filtrarClase(5, horas[16])}</ul>
<ul className="horario-item">{this.filtrarClase(6, horas[16])}</ul>
</div>
我相信你可以用“for”或“forEach”为我指出正确的方法,或者希望如此!我试过这个:
actualizarLista(dia){
const horas = ['07:30','08:15','08:30','09:30','10:30','15:00','15:15','15:30','17:30','18:00','18:15','18:30','19:00','19:30','20:00','20:30','21:30']
for (let i=0; i<horas.length;i++){
return <ul className="horario-item">{this.filtrarClase(dia, horas[i])}</ul>
}
}
render() {
let dias = [1,2,3,4,5,6]
for (let i=0; i<dias.length;i++){
this.actualizarLista(i)
}
return (
<div className="App">
<div className="horario-container">
<div className="horario-list">{dias}</div> .........
我尝试了一个 for 循环,但只返回 1 个项目,所以我肯定做错了什么。提前致谢。