主页 / 问题 / 1088952
Accepted
Aleksandr Krais
Asked:2020-02-29 20:13:35 +0000 UTC2020-02-29 20:13:35 +0000 UTC

react.js如何在地图循环中间插入一个块？

  • 772

大家好，我是 React 的新手，我面临以下问题：

我有 5 个块，其中包含我在循环中输出的数据。

但我不知道如何在中间添加一个完全不同的块。我从 json 加载卡片的数据，然后通过 .map 传输每个单独块的数据。

非常感谢您在这件事上的帮助！

renderBeds() {
    return this.state.beds.map((bed, index) => {
        return (
            <Bed
                key={index}
                bed={bed}
            />
        )
    })
};

在此处输入图像描述

javascript

1 个回答

  1. Best Answer

    我会这样决定

    render() {
  const {beds} = this.state;
  return (
    <>
      {beds
        .slice(0, 2)
        .map((bed, index) => {
          return (
            <Bed
              key={bed.id}
              bed={bed}
            />
          )
        })
       }
       <Divider />
      {beds
        .slice(2)
        .map((bed, index) => {
          return (
            <Bed
              key={bed.id}
              bed={bed}
            />
          )
         })
        }
    </>
  )
}

    • 1

相关问题