Reactjs React/Redux存储(包装映射框)中的可变对象?
是否可以在store redux中存储可变对象? 我正在尝试在我的应用程序中的mapbox的外部库上创建一个包装器。我使用库创建贴图对象: 组件映射Reactjs React/Redux存储(包装映射框)中的可变对象?,reactjs,redux,react-redux,leaflet,mapbox-gl,Reactjs,Redux,React Redux,Leaflet,Mapbox Gl,是否可以在store redux中存储可变对象? 我正在尝试在我的应用程序中的mapbox的外部库上创建一个包装器。我使用库创建贴图对象: 组件映射 import * as MapboxGl from 'mapbox-gl' ....... componentDidMount() { this.mapObject = new MapboxGl.Map({ container: this.MapContainer style: 'mapbox://styles/mapb
import * as MapboxGl from 'mapbox-gl'
.......
componentDidMount() {
this.mapObject = new MapboxGl.Map({
container: this.MapContainer
style: 'mapbox://styles/mapbox/light-v9',
})
}
.......
接下来,我需要将mapObject传递给子组件。
组件结构:
<App>
........
<Map>
<Source>
<Layer />
<Layer />
</Source>
</Map>
.......
</App>
........
.......
在您提交的Redux问题中已经回答了这一点,但为了提高可见性,我将在这里回答: 我想说这是一个视图层问题,所以不应该在Redux存储中保留几个级别 在我们自己的应用程序中,我们正在使用Cesium 3D globe库,还需要将引用传递给地图相关对象,如Cesium的场景类。在我们的应用程序中,我们通过将值作为道具进行显式传递来实现这一点,但React 16.3中提供的新React上下文API也是一个不错的选择 您可能想阅读我在上的文章,这些文章演示了这种方法