onMove.jsx

import React from 'react';
import {
  AppRegistry,
  Text,
  View,
  StyleSheet
} from 'react-vr';

const styles = StyleSheet.create({
  view: {
    width: 1,
    height: 1,
    backgroundColor: 'lime',
    transform: [{ translate: [0, 0, -1] }],
    layoutOrigin: [0.5, 0.5],
  },
  entered: {
    borderColor: 'red',
    borderWidth: 0.05
  }
})

export default class Events extends React.Component {
  constructor() {
    super()
    this.state = { entered: false }
  }
  render() {
    return (
      <View 
        onEnter={() => {
          this.setState({ entered: true }); 
          console.log('enter')
        }}
        onExit={() => {
          this.setState({ entered: false }); 
          console.log('leave')
        }}
        style={[styles.view, this.state.entered ? styles.entered : {}]}
      >
      </View>
    );
  }
};

AppRegistry.registerComponent('Events', () => Events);