Я пытаюсь передать функцию в другой компонент через
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>
)
}
То есть, я просто передаю по всему дереву функцию, вместо прямой передачи.