Unable to return the address

[Louventia]

Hello! I'm very new to react and I am required to convert latitude to longitude which the latitude and longitude get from firebase. So the problem is that I am able to console log the address. However, I am not being able to display

This is the function that I wrote for the converting

getAddressFromLatLong(lat, long) {
  Geocode.fromLatLng(lat, long).then(
      response => {
          const address = response.results[0].formatted_address;
          console.log(address);
          return address;
      },
      error => {
          console.error(error);
      }
  )
}

This is where I render the address

return (
    <tr key={atData.uid}>
        <td>{atData.uid}</td>
        <td>{atData.user}</td>
        <td><TimeStamp time={atData.dateTime} format='full' /></td>
        <td>{this.getAddressFromLatLong(atData.latitude, atData.longtitude)}</td>
    </tr>
)

Please advise >.<

[shukerullah]

state = {
  address: 'fetching',
}

componentDidMount() {
  this.getAddressFromLatLong(atData.latitude, atData.longtitude);
}

getAddressFromLatLong(lat, long) {
  Geocode.fromLatLng(lat, long).then(
    response => {
      this.setState({
        address: response.results[0].formatted_address
      })
    },
    error => {
      this.setState({
        address: error.message
      })
    }
  );
}

render() {
  return (
    <td>{this.state.address}</td>
  )
}