React Native function in a function

Question

I have a (probably) very simple question:

I am trying to call the function handleRequest as soon as the button Logout is pressed, but I am getting an error that the undefined is not an object. I think, I need to rearrange the functions, but I am not sure how, as I am new to React Native.

Hopefully someone can help me.

All the best Nader

import { Text, StyleSheet, View, Button } from 'react-native'
import React from 'react'

const HomeScreen = ({ navigation }) => {

    return <View>
        <Text>Home</Text>
        <Button
            onPress={() => navigation.navigate('Login')}
            title='Login'
        />
        <Text></Text>
        <Button
            onPress={() => navigation.navigate('Register')}
            title='Register'
        />
        <Text></Text>
        <View>
            <Button title="Logout" onPress={this.handleRequest.bind(this)} />
        </View>
    </View>
}



const handleRequest = () => {
    axios
        .get('http://192.168.0.213:8000/api/auth/logout/')
        .then(response => {
            console.log(response)
            Actions.auth()
        })
        .catch((err) => {
            console.log(err)
        })
}

export default HomeScreen

what is Actions inside then of handleRequest function ? — Calvin Nunes
– Calvin Nunes, Commented Dec 8, 2020 at 12:03

mainak · Accepted Answer · 2020-12-08 12:04:06Z

2

call by this :

onPress={()=>handleRequest()}

always remember this or bind are class property

answered Dec 8, 2020 at 12:04

mainak

2,3312 gold badges12 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Haseeb A · Accepted Answer · 2020-12-08 12:07:16Z

2

change button to

<Button title="Logout" onPress={handleRequest} />

this is not needed in functional components. also consider moving handleRequest function above or inside HomeScreen.

Other possible issues are missing imports to axios and Actions.

answered Dec 8, 2020 at 12:07

Haseeb A

6,2022 gold badges32 silver badges35 bronze badges

Collectives™ on Stack Overflow

React Native function in a function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related