yandex
loader

please wait

  • Rukhsar Fatima Feb-12-2019 06:40:18 AM ( 3 months ago )

     

    I am trying to get categories name in reactjs from wordpress rest api using redux.

     

    actions/categories.js

    import axios from 'axios';
    import { GET_CATEGORIES } from './types';
    
    
    export const getCategories = () => dispatch => {
        axios.get('/wp-json/wp/v2/categories')
            .then(res => {
                console.log(res);
                dispatch({
                    type: GET_CATEGORIES,
                    payload: res.data
                });
            }).catch(err => console.log(err));
    }

    reducers/categories.js

    import {GET_CATEGORIES} from '../actions/types';
    
    const initialState = {
        categories: []
    }
    
    export default function (state = initialState, action) {
        switch (action.type) {
            case GET_CATEGORIES:
                return {
                    ...state,
                    categories: action.payload
                }
            default:
                return state;
        }
    }

    reducers/index.js

    import {combineReducers} from 'redux';
    import posts from './posts';
    import categories from './categories';
    export default combineReducers({
        posts,
        categories
    });

    I tried this same way to get the post and it worked . But in case of categories it gives nothing. I even try to console.log(res) in action/categories.js but gives no response in browser. anyone please explain it to me why this is happening.

    this is here i am trying to render this sideDrawer.js

    import React from 'react'
    import Drawer from '@material-ui/core/Drawer';
    import List from '@material-ui/core/List';
    import Divider from '@material-ui/core/Divider';
    import IconButton from '@material-ui/core/IconButton';
    import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
    import ChevronRightIcon from '@material-ui/icons/ChevronRight';
    import ListItem from '@material-ui/core/ListItem';
    import ListItemIcon from '@material-ui/core/ListItemIcon';
    import ListItemText from '@material-ui/core/ListItemText';
    import InboxIcon from '@material-ui/icons/MoveToInbox';
    

Please login

Similar Discussion

Recommended For You