Skip to content

Possible Unhandled Promise Rejection (id: 0): TypeError: this.props is undefined #23102

Closed

Description

@onkar-dange

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

  1. 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}

  1. 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 };

Activity

  1. react-native-bot commented on Jan 22, 2019

    @react-native-bot
    Collaborator

    We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

    Please make use of the bug report template to let us know about a reproducible bug or regression in the core React Native library.

    If you'd like to propose a change or discuss a feature request, there is a repository dedicated to Discussions and Proposals you may use for this purpose.

  2. locked as resolved and limited conversation to collaborators on Jan 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Ran CommandsOne of our bots successfully processed a command.Resolution: LockedThis issue was locked by the bot.Type: QuestionIssues that are actually questions and not bug reports.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions