Если в return добавлять переменные, как сейчас, то state пустой. Если переменные убрать, то все идеально грузится
Компонент с проблемой:
class FoodPage extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
this.props.loadOneFoodPost(this.props.match.params.id)
}
render() {
return(
<>
<p>{this.props.post.title}</p>
</>
)
}
}
const mapStateToProps = (state) => ({
post: state.foodItems.foodPost[0],
author: state.foodItems.authorInfo[0],
anotherPosts: state.foodItems.foods
})
export default connect(mapStateToProps, {loadOneFoodPost})(FoodPage)
Action:
export const loadOneFoodPost = (id) => async (dispatch) => {
await dispatch(loadAllFoodItems());
await dispatch({type: LOAD_ONE_FOOD_POST, payload: {id}})
await dispatch({type: LOAD_AUTHOR_INFO})
await dispatch({type: ADD_AUTHOR_INFO})
dispatch({type: LOAD_ANOTHER_AUTHOR_POST})
}
