Next, we will need to render the camera data in two different ways. The first, when we have no CameraData, yet, in other words, right when the app starts up, or if we don't have an internet connectivity; and the second, when we obtain the data and need to display it. We also want to keep these routines fairly modular so that when a state change is initiated we can easily redraw the objects that need it.
Note that a lot of this is done automagically by React VR. If an object's props or state do not change, it is not told to render itself. In this case, our main thread already has the JSON handling to modify the change, so nothing in the main loop has to be created to re-render the camera data.
- Add the following code:
export default class CameraData extends Component {
render() {
if (!this.props) {
return this...
