Component that handles refetching data for a component periodically, with pause/resume functionality.

Properties

dataPath

dataParams

mockJson

secondsBetweenRefetch

childComponent

loadingComponent

emptyComponent

errorComponent

Data Props passed on your childComponent/loadingComponent/emptyComponent/errorComponent

all response data

all error response data from axios

isPeriodicRefetchEnabled

togglePeriodicRefetch()

Usage

``js
import React from "react";
import DetailWrapper from "./DetailWrapper";
import PeriodicDataRefetcher from "periodic-data-refetcher";

let mockJson = undefined;
if (process.env.NODE_ENV === "development") {
mockJson = require("../mockDetailsJson.json");
}

const DetailListWithData = props => (
dataPath="/getDetailsJson"
dataParams={{
groupId: props.groupId
}}
mockJson={mockJson}
secondsBetweenRefetch={60}
childComponent={dataProps => }
/>
);

export default DetailListWithData;
``