添加类后2个循环使用地图反应(示例代码)

栏目: 十大 · 发布时间: 2021-04-13

简介  这篇文章主要介绍了添加类后2个循环使用地图反应(示例代码)以及相关的经验技巧,文章约1744字,浏览量446,点赞数6,值得推荐!

我想以后2个循环添加类。它的工作,但不能掩盖{x++}文本。如何隐藏的?我也曾尝试使用索引。

const workdata = this.state.worksData.map((work, index) => (
            <div
                className={
                    x % 3 == 0
                        ? "col-lg-4 col-md-6 offset-lg-0 offset-md-3"
                        : "col-lg-4 col-md-6"
                }
                key={index}
            >
                <div
                    className={
                        x % 3 == 0 ? "single-box" : "single-box with-line"
                    }
                >
                    <span>{work.position}</span>
                </div>
                {x++}
            </div>
        ));

使用循环和它的作品。

for (let i = 0; i < data.length; i++) {
        if (x % 3 == 0) {
            console.log("Class", data[i]);
        } else {
            console.log(data[i]);
        }
        x++;
    }
答案

您应该使用的,而不是建立新的x现有的索引属性。请参阅下面的示例代码

const workdays = this.state.worksData.map((work, index) => (
            <div
                className={
                    (index + 1) % 3 == 0
                        ? "col-lg-4 col-md-6 offset-lg-0 offset-md-3"
                        : "col-lg-4 col-md-6"
                }
            >
                <div
                    className={
                        (index + 1) % 3 == 0 ? "single-box" : "single-box with-line"
                    }
                >
                    <span>{work.position}</span>
                </div>
            </div>
        ));

以上就是本文的全部内容,希望对大家的学习有所帮助,版权归原作者或者来源机构所有,感谢作者,如果未能解决你的问题,请参考以下文章。

反应原生地图折线(示例代码)

平滑的位置跟踪反应原生地图

反应传单地图未正确显示(示例代码)

从MapLayer组件访问地图(适用于之前的反应传单版本)

反应传单地图上自动打开标记弹出(示例代码)