Call fetchSources after component mount.

This commit is contained in:
orangemug 2017-11-17 10:53:46 +00:00
parent b5dc04bb4f
commit 63ac707415

View file

@ -69,10 +69,10 @@ export default class App extends React.Component {
this.layerWatcher = new LayerWatcher({ this.layerWatcher = new LayerWatcher({
onVectorLayersChange: v => this.setState({ vectorLayers: v }) onVectorLayersChange: v => this.setState({ vectorLayers: v })
}) })
this.fetchSources();
} }
componentDidMount() { componentDidMount() {
this.fetchSources();
Mousetrap.bind(['ctrl+z'], this.onUndo.bind(this)); Mousetrap.bind(['ctrl+z'], this.onUndo.bind(this));
Mousetrap.bind(['ctrl+y'], this.onRedo.bind(this)); Mousetrap.bind(['ctrl+y'], this.onRedo.bind(this));
} }
@ -185,7 +185,7 @@ export default class App extends React.Component {
} }
fetchSources() { fetchSources() {
const sourceList = {...this.state.sources}; const sourceList = {};
for(let [key, val] of Object.entries(this.state.mapStyle.sources)) { for(let [key, val] of Object.entries(this.state.mapStyle.sources)) {
sourceList[key] = sourceList[key] || []; sourceList[key] = sourceList[key] || [];
@ -197,6 +197,7 @@ export default class App extends React.Component {
return response.json(); return response.json();
}) })
.then((json) => { .then((json) => {
// Create new objects before setState
const sourceList = {...this.state.sources}; const sourceList = {...this.state.sources};
sourceList[key] = []; sourceList[key] = [];