Categories

See More
Popular Forum

MBA (4887) B.Tech (1769) Engineering (1486) Class 12 (1030) Study Abroad (1004) Computer Science and Engineering (988) Business Management Studies (865) BBA (846) Diploma (746) CAT (651) B.Com (648) B.Sc (643) JEE Mains (618) Mechanical Engineering (574) Exam (525) India (462) Career (452) All Time Q&A (439) Mass Communication (427) BCA (417) Science (384) Computers & IT (Non-Engg) (383) Medicine & Health Sciences (381) Hotel Management (373) Civil Engineering (353) MCA (349) Tuteehub Top Questions (348) Distance (340) Colleges in India (334)
See More

react redux page call multiple time in big data store

General Tech Bugs & Fixes

Max. 2000 characters
Replies

usr_profile.png

User

( 6 months ago )

 

I am using material-ui react-redux.store the data each time all data. Using small data works fine, but using large data I observe multiple component calls.

import React from 'react';
import { Switch, Route } from 'react-router-dom';
import PropTypes from "prop-types";
import { bindActionCreators } from "redux";
import { connect } from "react-redux";
import axios from "axios";
import {
    vehiclefetchAction,
    vehiclefetchInactiveAction,
} from "dan-actions/VehicleActions";
import { playTransitionAction } from 'dan-actions/UiActions';
import {
    Vehicle,
    AddVehicle,
    EditVehicle,
    ViewVehicle
} from '../pageListAsync';
import Parent from './Parent';
import GlobalVariable from "../../path/global";

const branch = "VehicleDemo";
const baseApiUrl = GlobalVariable.BASE_API_URL;

class VendorPage extends React.Component {

    componentDidMount() {
        this.handledata();
    }

    handledata() {
        this.props.loadTransition(false);
        const userDetails = JSON.parse(localStorage.getItem("userDetails"));
        axios
            .get(baseApiUrl + "v1/vehicles", {
                headers: { Authorization: userDetails.token }
            })
            .then(response => {
                var activeData = response.data.activeData;
                var inactiveData = response.data.inactiveData;
                if (activeData !== undefined) {
                    this.props.fetchData(activeData, branch);
                    // console.log(activeData)
                }
                if (inactiveData !== undefined) {
                    this.props.fetchInactiveData(inactiveData, branch);
                }
                this.props.loadTransition(true);
            })
    }

    render() {
        return (
            <Parent>
                <Switch>
                    

what's your interest