如何使用React Redux将道具传递到子组件?

时间:2019-11-22 04:27:42

标签: javascript reactjs react-redux

我正在使用带有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张图像的轮播,并能够动态传递道具?谢谢。

0 个答案:

没有答案