时间戳

首页 > 解决方案 > 在反应如何检查数组的每个元素并只打印其中一些元素

javascript - 在反应如何检查数组的每个元素并只打印其中一些元素

问题描述

我是新来的反应并且有一个项目要做。我可以迭代所有数组打印所有这些。我只是想检查我的数组并仅显示它是否包含特定信息。这是我的主要迭代代码。

      state = {
        top: [card1],
        bottom: [card2],
        rear: [card3],
        bottom2: [card4],
        bottom3: [card5],
        mycards: [card7,card8],
        myinfo: ["asd","card8"],
        transition: {
          item: null,
          startTop: 20,
          startAnim: true,
        }
      }

              <div ref={(node) => { this.mycardinfo = node; }}>
              {myinfo.map((item) => {
                const startTop = transition.item === item ? transition.startTop : 0;
                const animClass = transition.startAnim ? 'item-force-move' : '';
                const style = {
                  transform: `translateY(${startTop}px)`,
                }
                return (
                  <div 
                    className={`item item-mycard ${animClass}`}
                    onClick={(evt) => this.delete(item, evt)}
                    style={style}
                  >
                                {item}

                  </div>

我只想显示我的“card8”元素。然而，当它遍历所有数组时，它同时显示“asd”和“card8”。

标签： javascripthtmlcssreactjsreact-native

解决方案

我只会应用过滤器来检索项目：

myinfo.filter(item=> item === "card8")[0]

根据您是否有多个“asd”项目，您可能需要删除索引。过滤器将返回与条件测试匹配的所有项目的列表，在这种情况下item==="asd"

推荐阅读