javascript の　function　の書き方で質問がありま

前提・実現したいこと

私はreact native のmapviewを使い現在位置を取りたいです
https://github.com/react-native-community/react-native-maps

発生している問題・エラーメッセージ

下記のコードをどうやって埋め込めばよいのか書き方が分からりません..

getInitialState() {
  return {
    region: {
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    },
  };
}

onRegionChange(region) {
  this.setState({ region });
}

render() {
  return (
    <MapView
      region={this.state.region}
      onRegionChange={this.onRegionChange}
    />
  );
}

該当のソースコード

const Map = () => {

  render(){
    getInitialState() {
      return {
        region: {
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        },
      }
    };
   onRegionChange(region) ;{
        this.setState({ region });
      }


    return (
      <MapView
        style={styles.map}
        region={this.state.region}
        onRegionChange={this.state.onRegionChange}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      />
    )
  }
}

export default Map;

試したこと

こんな感じに書いてみたのですが動きかねます。。

教えて下さいお願いいたします(m__m)


    const  getInitialState =() => {
      return {
        region: {
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        },
      }
    };
   
   const  onRegionChange = (region) => {
        this.setState({ region });
      }