How to get categories in wordpress rest api using react-redux

General Tech Bugs & Fixes 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years 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';

                                                
                                                
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.