1

我正在尝试使用 react 组件进行无限滚动，我尝试使用 react-infinite-scroll-component npm 包，但它似乎不适合我的项目。

我需要有 2 个地图功能来显示无限滚动的内容，以便看起来像这样：https ://i.imgur.com/qtNM3qd.png

左侧内容为 1 个地图，右侧内容为 1 个地图。

当我尝试将 npm 包与两个地图一起使用时，cols 就会停止工作，第二个地图会低于另一个地图。

这是代码。我想知道 npm 包是否有解决方案，如果没有，是否可以从头开始，或者我的 2 map 设置会阻止我？

            <div className="col-lg-6 mb-5 mb-lg-0 noPaddingLeft">
          ----> 1 map    {results.map((item, index) => {
                return (
                  <div key={index}>
                    {item.map((subitem, i) => {
                      if (i === 0) {
                        return (
                          <BigCard
                            key={i}
                            article={subitem}
                            authors={authors}
                          />
                        );
                      }
                    })}
                  </div>
                );
              })}
            </div>

            <div className="col-lg-6 pl-lg-4 noPaddingRight">
         ----> 2 map  {results.map((item, index) => {
                return (
                  <div key={index}>
                    {item.map((subitem, i) => {
                      if (i !== 0) {
                        return <LilCard key={i} article={subitem} />;
                      }
                    })}
                  </div>
                );
              })}
            </div>
          </div>

多谢你们。

4

0 回答 0