React-slick: initial silde will not be displayed when use map()

Created on 15 Mar 2016 · 5Comments · Source: akiran/react-slick

initial silde will not be displayed when use map() to creat activtive pic,but press the dots,the second pic will run...

ul tv y tf4 ke rk3l7w04

Source

nic611

Most helpful comment

Not working when mapping with component

    const slides = chars.map( (char) => {
      return <MyComponent char={char}/>
    })
    return (
      <Slider {...settings}>
        {slides}
      </Slider>
    );

But it's working when I used just a div

    const slides = chars.map( (char) => {
      return <div>{char}</div>
    })
    return (
      <Slider {...settings}>
        {slides}
      </Slider>
    );

hitamu on 7 Apr 2016

👍3

All 5 comments

i had the same question

GoToBoy on 16 Mar 2016

Not working when mapping with component

    const slides = chars.map( (char) => {
      return <MyComponent char={char}/>
    })
    return (
      <Slider {...settings}>
        {slides}
      </Slider>
    );

But it's working when I used just a div

    const slides = chars.map( (char) => {
      return <div>{char}</div>
    })
    return (
      <Slider {...settings}>
        {slides}
      </Slider>
    );

hitamu on 7 Apr 2016

👍3

I've got the same issue.. any ideas?