Calling function in react native outside component

Question

My requirement

I am calling my function placed outside of the component and view in react native, but it throws errors saying the _this.myfunction is undefined. Its clearly not getting the reference for the function. Is it possible to achieve such feature in react native.

class  App extends React.Component {

    constructor(props) {
        super(props);
    }

   render () {
       return (
            <View style={styles.container}>
                <Button onPress={() => this.Myfunction()} style={styles.Button} title="Button"/>                            
            </View>
       );
     }
 }       

Myfunction () {
  alert('clicked');          
}

this refers to the class ( App ). But your function is declared ( add function keyword ) outside the class ( intentionally ) . — Mihai T
– Mihai T, Commented Jun 26, 2020 at 21:56

Siddharth · Accepted Answer · 2020-06-26 21:53:13Z

2

Since you've defined the function outside of the class, you don't need to refer it by this. You can simply write onPress={() => Myfunction()} or onPress={Myfunction}

Also your function's syntax is wrong, add the function keyword before it

function Myfunction () {
  alert('clicked');          
}

answered Jun 26, 2020 at 21:53

Siddharth

1,2709 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Calling function in react native outside component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related