Render multiple marker in react-native-maps
<p>Hye, Im new in react native and want to ask how do I render multiple markers in maps.</p>

<p>This is my code</p>

<p>inside class:-</p>

<pre><code>constructor(props) {
super(props);

  this.state = {
   coordinate: ([{
     latitude: 3.148561,
     longitude: 101.652778,
     title: 'hello'
   },
   {
     latitude: 3.149771,
     longitude: 101.655449,
     title: 'hello'
   }
  ]),
 };
</code></pre>

<p>}</p>

<p>inside render:-</p>

<pre><code>&lt;MapView
        style={styles.map}
        showsUserLocation={true}
        followUserLocation={true}
        zoomEnabled={true}
        //annotations={markers}
      &gt;  
            &lt;MapView.Marker
              coordinate={this.state.coordinate}
              title={this.state.coordinate.title}
            /&gt;
      &lt;/MapView&gt;
</code></pre>

<p>I want to render this two marker inside maps and I have no idea how to make loop yet in react native to render this. I already try what in documentation but still not working.</p>

<p>Thank you in advance :)</p>