我想将多边形转换为fetch.js并转换为可用格式,然后在OpenStreetMap.js中使用该多边形,但我不知道如何在同级组件中返回数据或使用组件状态,我也不想使用redux。
fetch.js
getData() {
fetch('url')
.then(response => response.json())
.then(data => {this.setState({polygons:data})})
.catch(error => console.log(error));}
OpenStreetMap.js
<MapView
region={this.state.region}
provider={null}
style={styles.map} >
{this.state.polygons.map(polygon => (
<Polygon
key={polygon.id}
coordinates={polygon.coordinates}
strokeColor={polygon.strokeColor}
fillColor={polygon.fillColor}
strokeWidth={2}
/>
))}
</MapView>