ant design 1.x中走马灯记录

一开始直接在form里面写的,结果轮播有问题,不能自动轮播,并且展示也不对

<Form horizontal form={this.props.form} className="compact-form">
          <Carousel autoplay>
            {
              formData.map((item, index) => {
                return(
                  <img key={index} src={item} style={{ width: '500px', height: '400px' }}/>
                  // <div>{index}</div>
                )
              })
            }
          </Carousel>
      </Form>

 

后来在form里面加了一级div就可以了,具体原因没找到

<Form horizontal form={this.props.form} className="compact-form">
        <div className="clearfix">
          <Carousel autoplay>
            {
              formData.map((item, index) => {
                return(
                  <img key={index} src={item} style={{ width: '500px', height: '400px' }}/>
                  // <div>{index}</div>
                )
              })
            }
          </Carousel>
        </div>
      </Form>

 

posted @ 2022-06-06 18:00  無玑小姐  阅读(89)  评论(0编辑  收藏  举报