testing.js

component.js
handleClick = () => this.props.onFetch()

<DatePickterFrom />
<DatePickterTo />
<SelectedItems />
<Button onCLick={this.handleCLick}/>

container.js
const mapStateToProps = () => {
datePickerFrom: dateFromSelector(state),
datePickerTo: dateToSelector(state),
selectedItems: OutletVsTransactionSelector(state),
}

const mapDispatchToProps = () => {
onFetch: () => {
dispatch(transactionFetch())
},
  updateDateTo: (dateTo) => {
    dispatch(onUpdateDateTo(dateTo));
  },
  updateOVT: (outletCode) => {
    dispatch(onUpdateOVT(outletCode));
  },
  resetOVT: () => {
    dispatch(onResetOVT());
  },
}

selector.js
export const dateFromSelector = state => state.dateUtils.dateFrom;
export const dateToSelector = state => state.dateUtils.dateTo;
export const OutletVsTransactionSelector = state => state.utils.outletVsTransaction;

fetch.js
const fetch = () => {
axios({
url: URL,
method: post,
headers: {
      Authorization: `Bearer ${token}`,
},
data: {
      header: {
        // page: 1,
        // sort: 'DESC',
        id: 0
      },
      body: {
        // created_by : `${userId}`,
        // "start_date": "2019-09-01",
        // "end_date": "2019-10-02",
        // "kd_counter": "A001",
        // "is_approved": "",
        "start_date": dateFrom, //dynamic from component
        "end_date": dateTo, //dynamic from component
        "kd_counter": selectedOutlet, //dynamic from component
        "is_approved": "",
      },
},
})
}