我正在使用带有Redux的React,我知道我想要什么,但是我不确定如何到达那里。
我有一个可重复使用的“ ImageCarousel”组件,我想将道具传递给它。该组件需要接收“ id”,“ img”和“ title”道具。 “ id”,“ img”和“ title”来自API。响应将返回一个包含20张图像的数组。
有没有一种方法可以将道具添加到Redux-Store中?也许是这样的吗?
class Parent extends Component {
componentDidMount(){
<<Fetch from an API, API return an array of 20 items >>
}
render(){
return <ImageCarousel id={GetThisDynamically.id} img={GetThisDynamically.url} />
}
}
我的解决方案将吐出20个ImageCarousels。
this.props.movies.map(movie => {
return <ImageCarousel id={movie.id} img={movie.url} title={movie.title} />
})
如何获得1个具有20张图像的轮播,并能够动态传递道具?谢谢。