React Projects

Using local state and VrButton

In this section, you'll add some buttons to the surface so that your users can close the welcome message or switch the background image scenery. First, let's start by creating a button that lets us close the welcome message surface:

1. The Panel component is a class component that gives you access to life cycles and local state management. Since you want to be able to close the welcome message, a local state can be used. At the top of the declaration of the Panel component, you must add a constructor that will have the initial state:

import React from 'react';import {  StyleSheet,  Text,  View,} from 'react-360';export default class Panel extends React.Component {+ constructor() {+   super();+   this.state = {+ open: ...