分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

javascript – for loop in react

JavaScript   发布时间：2022-04-16  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – for loop in react，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我得到这个函数来从.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 (
            
  • {i} className={Clase.estilo}>{Clase.actividaD}
                
    {Clase.duracion}{Clase.hoy} {Clase.sala}

    • 没关系,只要通过一些“日和小时”就会返回正确的课程.
    但后来我找不到循环这个功能的方法……只能做到这一点****

    {horas[0]}{this.filtrarClase(1,horas[0])}{this.filtrarClase(2,horas[0])}{this.filtrarClase(3,horas[0])}{this.filtrarClase(4,horas[0])}{this.filtrarClase(5,horas[0])}{this.filtrarClase(6,horas[0])}

    一遍又一遍…… 17次..

                
    {horas[1]}{this.filtrarClase(1,horas[16])}{this.filtrarClase(2,horas[16])}{this.filtrarClase(3,horas[16])}{this.filtrarClase(4,horas[16])}{this.filtrarClase(5,horas[16])}{this.filtrarClase(6,horas[16])}

    我相信你可以用正确的方式用“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; is.length;i++){
        return 
      {this.filtrarClase(dia,horas[i])}{
    let dias = [1,2,3,4,5,6]
    for (let i=0; is.length;i++){
        this.actualizarLista(i)
    }
    return (
        
      {dias}

    我试过一个for循环,但只返回1项,所以我肯定做错了.提前致谢.

    最佳答案
    原因是,for循环用于迭代数组它永远不会返回任何东西,如果你想返回一些东西然后使用map.

    写这样：

    actualizarLista(dia){
    const horas = ['07:30','21:30']
    return horas.map((el,i) => {
        return 
      {this.filtrarClase(dia,el)}{
    let dias = [1,6];
    let uiItems = dias.map(i => {
        return  
      {i}>
                    {this.actualizarLista(i)}
                {uiItems}

    建议：horas数组是常量,所以我建议你在课外定义一次.

    大佬总结

    以上是大佬教程为你收集整理的javascript – for loop in react全部内容，希望文章能够帮你解决javascript – for loop in react所遇到的程序开发问题。

    如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

    本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
    标签：ecmascript-6for-loopjavascriptloopsreactjs编程问答
    猜你在找的JavaScript相关文章
    其他相关热搜词更多
    phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap