[Solved]-State of React child doesn't update after updating parent component-Reactjs

You are fetching inside the render method. this is a big NO NO.
Instead do that in the componentDidMount life cycle method

Another thing that may or may not be related to your problem, Arrays are reference types, that means if you mutate them they still points to the same ref in the memory. this could be problematic for the Reconciliation and diff algorithm of react to determine if the state indeed changed.
when you want to change or return a new array you could simply use the ES6 spread operator:

const nextArray = [...nextProps.address]
this.setState({ center: nextArray });

EDIT
Ok i forgot to mention the most important part here :)
You are not passing any props to <BaseMap /> so you won't get any helpful data in componentWillReceiveProps.