时间戳

首页 > 解决方案 > 如何使用 React Redux 将道具传递给子组件？

javascript - 如何使用 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 张图像的轮播，并且能够动态传递道具？谢谢。

标签： javascriptreactjsreact-redux

解决方案

推荐阅读