Possible Unhandled Promise Rejection (id: 0): TypeError: this.props is undefined #23102
Description
I have a class component as PatientQueue in PatientQueue.js file and Another class component of PatientDetailView in PatientDetailView.js file.
And I am calling function Getdetails() which is in PatientQueue class from PatientDetailView class.By creating its object. but when I am calling Getdetails I get the error of Possible Unhandled Promise Rejection (id: 0): TypeError: this.props is undefined.
and my code is like this
- PatientQueue file
import React from 'react';
import { FlatList,BackHandler, ListView,ToastAndroid, ScrollView, ActivityIndicator,AppState, TouchableOpacity, Alert, StyleSheet, Image, Text, View, Button, AsyncStorage, SafeAreaView, RefreshControl } from 'react-native';
import { createStackNavigator, createAppContainer, DrawerItems } from 'react-navigation';
import { SearchBar, Icon } from 'react-native-elements';
import MultiSelect from 'react-native-multiple-select';
import { PatientDetailView } from './PatientDetailView';
import { connect } from "react-redux";
import { fetchQueue } from '../common/actions/patientQueue';
import { filterQueue } from '../common/actions/filters';
import { clearAllFilters } from '../common/actions/filters';
class PatientQueue extends React.Component {
constructor(props) {
super(props);
......
}
ForTesting(){
console.log("function called")
}
async Getdetails() {
console.log("fetch detailssss")
const retrievedItem = await AsyncStorage.getItem("StorageData");
const getretrievedItem = JSON.parse(retrievedItem);
var loginToken = getretrievedItem.token;
await this.props.dispatch(fetchQueue(loginToken));
console.log("fetch details comleted")
}
render() {
..............
}
}
export default connect(mapStateToProps)(PatientQueue);
const RefreshList=new PatientQueue();
export{RefreshList}
- And in PatientDetailView file
import React from 'react';
import { FlatList,Modal, ListView,TextInput, Linking,Picker, TouchableOpacity, ActivityIndicator, Alert, StyleSheet, Text, View, Button, AsyncStorage } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import { Header, Left, Right, Icon, Container, Body, Title } from 'native-base';
import {RefreshList} from './PatientQueue';
import PatientQueue from './PatientQueue';
class PatientDetailView extends React.Component {
constructor(props) {
super(props);
this.state = {
modalVisible: false,
TransferModalVisible:false,
......
}
}
async OpenUhs(BtnStatus,PatientId) {
RefreshList.Getdetails();
this.props.navigation.navigate("Queue")
}
render() {
.....
}
export { PatientDetailView };