Javascript 从JSON文件中分割对象数组，分割并在循环中显示2个光滑的旋转木马

我想使2个滑块与相同的数组循环，数组应除以2和2滑块将显示。我不知道怎么做

以下是当前代码：

Slider.js

import React, { Component } from 'react';
import Slider from "react-slick";
    const slidersettings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 4,
      slidesToScroll: 4
    };
    class CelebSlider extends Component {
          render() {
            let celebArray = [];
            let celebrity = this.props.items.celebrity
            for (let key in celebrity) {
              celebArray.push(celebrity[key]);
                return (
                <section>
                <div className="row">
                <div className="col-md-9">  
                <Slider {...slidersettings}>
                {this.props.items.celebrity.map((item) => (
                        <div key={item.id} className="slider-item">
                            <a href="#"><img src={item.image_url} className="img-responsive"/></a>
                            <strong>{item.name}</strong>
                        </div>
                    ))}  
                </Slider>
                </div>
                </div>        
                </section>
                );
            }
            if (this.props.hasErrored) {
                return <p>Sorry! There was an error loading the items</p>;
            }

            if (this.props.isLoading) {
                return <p>Loading…</p>;
            }
            return (null);

          }
        }

import React，{Component}来自'React'；
从“react slick”导入滑块；
常量滑块设置={
点：是的，
无限：是的，
速度:500,，
幻灯片放映：4，
幻灯片滚动：4
};
类CelebSlider扩展组件{
render（）{
设celebArray=[]；
让名人=this.props.items.名人
for（让我们输入名人）{
推（名人[钥匙]）；
返回(
{this.props.items.名人.map（（item）=>(
{item.name}
))}  
);
}
如果（此.props.hasrerred）{
return抱歉！加载项目时出错
；
}
如果（此.props.isload）{
返回加载…
；
}
返回（空）；
}
}

以下是所需内容的说明：

---

我使用以下两个滑块的代码实现了这一点：

{this.props.items.celebrity.slice(0, Math.ceil(celebrity.length / 2)).map((item) => (
<a href="#"><img src={item.image_url} className="img-responsive" /></a>
))}

{this.props.items.celebrity.slice(celebrity.length / 2).map((item) => (
<a href="#"><img src={item.image_url} className="img-responsive" /></a>
))}

{this.props.items.名人.slice（0，Math.ceil（名人.length/2））.map（（项目）=>(
))}
{this.props.items.名人.slice（名人.length/2）.map（（项目）=>(
))}

Codebase看起来不错，工作正常吗？你有什么特别的问题，错误吗？没有问题，它工作得很好。我只需要帮助分裂成2个滑块阵列在平等的部分显示在屏幕截图。