Javascript 反应平滑滑块贴图不显示幻灯片？

我面临以下问题，React Slick滑块没有在map函数中显示我的幻灯片。尝试了多种方法，但始终得到空值

当我硬编码div时，它可以工作，但当我尝试创建动态div时，即使存在也不会显示

有人能帮忙吗

我的代码：

  <Slider {...settings}>
    {this.props.home.fetched &&
      this.props.home.content.map(value => {
        return value.acf.slider_extends.map((value, index) => {
          return (
            <div>
              <h1>{value.project_titel}</h1>
              <p>{value.project_intro}</p>
              <span>{value.video_project}</span>
            </div>
          );
        });
      })}
  </Slider>

{this.props.home.fetched&&
this.props.home.content.map（值=>{
返回值.acf.slider\u extends.map（（值，索引）=>{
返回(
{value.project_titel}
{value.project_intro}

{value.video_project}
);
});
})}

从“React”导入React，{Component}；
从“react slick”导入滑块；
类Home扩展组件{
构造函数（）{
超级（）；
此.state={
滑块：[
'http://img.nowrunning.com/content/movie/2014/Jagga-Jaso/wall_1024x768_01.jpg',
'https://alchetron.com/cdn/Cocktail-2012-film-images-6dbd0ec2-2ea4-47aa-88fd-388cabed7f8.jpg',
'http://media.glamsham.com/download/wallpaper/movies/images/z/zindagi-na-milegi-dobara-wallpaper-03-12x9.jpg']
}
}
滑块（）{
返回此.state.sliders.map（数据=>{
返回(
)
});
}
render（）{
常量设置={
点：是的，
自动播放：对，
自动播放速度：4000，
阿罗：错
}
返回(
{this.sliders（）}
);
}
}
导出默认主页；

如果包含的div或Slick部分具有flex属性，则会导致图片消失。

您缺少

div的
键
属性
import React, { Component } from 'react';
import Slider from 'react-slick';

class Home extends Component {

    constructor() {
        super();
        this.state = {
            sliders: [
                'http://img.nowrunning.com/content/movie/2014/Jagga-Jaso/wall_1024x768_01.jpg',
                'https://alchetron.com/cdn/Cocktail-2012-film-images-6dbd0ec2-2ea4-47aa-88fd-388cabed7f8.jpg',
                'http://media.glamsham.com/download/wallpaper/movies/images/z/zindagi-na-milegi-dobara-wallpaper-03-12x9.jpg']
        }
    }

    sliders() {
        return this.state.sliders.map(data => {
            return (
                <div key={data}>
                    <img alt="image" src={data} />
                </div>
            )
        });
    }

    render() {
        const settings = {
            dots: true,
            autoplay: true,
            autoplaySpeed: 4000,
            arrow: false
        }
        return (
            <div >
                <Slider {...settings}>
                    {this.sliders()}
                </Slider>
            </div>
        );
    }
}
export default Home;