Problem when trying to call a function inside onPress - React Native

Question

Hello, When trying to call a function that has a hook call the following error appears:

And here’s the excerpt from the code:

currentLocation.js

import React, {useState} from 'react'

export function locationUser(){
  ...
  const [coordinates, setCoordinates] = useState({
    latitude:0,
    longitude: 0,
    error: null
  });
  ...
  return console.log(coordinates); 
}

index js.

import React from 'react';
import { View, Button, Text } from 'react-native';
import { locationUser } from '../../services/currentLocation'

export default function Home(){

    return(
      <View>
        ...
        <Button onPress={() => locationUser()}>
          <Text>INICIAR</Text>
        </Button>
        ...
      </View>
  );
}

if you try to execute locationUser without is inside the fuction Arrow works, however, is not right, because the function will run infinitely, since a normal function runs as soon as the code is started.

Can someone help me? =)

Answer 1

You have to take some care when using Javascript, mainly mixing ES5 with ES6

Read a little more about This, Bind, Apply

https://tableless.com.br/react-this-bind-so-sei-que-assim/