使用react传单的GeoJSON异步显示数据

Question

通过在我的渲染函数中返回这个，我可以毫不费力地渲染Geojson数据：

<Map ref={(ref) => { this.map = ref; }} center={position} zoom={13}>
    <TileLayer
        attribution="&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
    <GeoJSON data={this.state.geojson_data} /> }
</Map>

所以接下来我尝试的是用null初始化this.state.geojson_data，然后加载组件上的数据，然后我用GeoJSON修改了这一行，因为很明显，null不是一个有效的Geojson对象。

 { this.state.geojson_data !== null && <GeoJSON data={this.state.geojson_data} /> }

获取数据没有问题，但我的geojson根本不显示，有人知道为什么吗？

我认为有两种方法可以避免这种情况：

1. 使用地图参考添加层香草传单的方式，但我想使用更反应的方法。
2. 用父组件加载数据，并将其作为道具，但我喜欢这样的想法，即映射在数据加载时初始化和加载，而不是在数据加载后。

EDIT1：我进一步调查了一下，试图给GeoJSON组件一些非Geojson数据，它犯了一个错误，当数据良好时，它仍然没有绘制图层。

Answer 1

这是一个参考问题，很抱歉我无法进一步解释，与我交谈的gis人员给了我另一个版本的geojson和另一个参考，它按预期工作。

不过，错误就在我身上，我第一次尝试使用硬编码的geojson，我确信我的后端在尝试加载数据时使用了相同的数据，而另一个数据的引用错误。

编辑：处理我们gis的人给了我们一个没有使用正确引用的Geojson