@Scryppi

Как передать функцию в react redux?

Я пытаюсь передать функцию в другой компонент через
export default connect(mapStateToProps, mapDispatchToProps)(ProductFooter)

Но в ProductFooter, он не принимает не чего.
mapState, mapDispatch:
const mapDispatchToProps = dispatch => ({
    getReviews: () => dispatch(actions.getReviews.fetch.start(paginationResult)),
    getReviewsFilter: () => dispatch(actions.getReviewsFilter.fetch.start(params[0], params[1])),
});

export default connect(mapStateToProps, mapDispatchToProps)(ProductFooter) // именно этот коннект не работает

ProductFooter:
export const ProductFooter = ({getReviews }) => {
  console.log(getReviews());

  return (
    <div>
    </div>
  )
};

Без этого работает пока что через передачу props:
<Review item={item} key={item.id} getReviews={props.getReviews} />
   <ReviewContent item={item} getReviews={getReviews}/>
       <ProductFooter item={item} getReviews={getReviews}/>


export const ProductFooter = ({getReviews}) => {
 console.log(getReviews());

  return (
    <div>
    </div>
  )
}

То есть, я просто передаю по всему дереву функцию, вместо прямой передачи.
  • Вопрос задан
  • 416 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы