ZamarShoo
@ZamarShoo
React/Vue, Node/PHP, Wordpress/Drupal

Почему при выводе переменных данные не подгружаются?

Если в 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})
}
  • Вопрос задан
  • 43 просмотра
Решения вопроса 1
В консоли ошибки смотрел?
Там наверняка что то вроде "не могу прочитать поле тайтл потому что post undefined"
<p>{this?.props?.post?.title}</p>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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