Full-Stack React Projects - Second Edition

Clicking on the 3D objects

In order to register the click behavior on each 3D object added to the game, we need to wrap the Entity component with a VrButton component that can call the onClick handler.

We will update the Entity component added inside the vrObjects array iteration code, to wrap it with the VrButton component, as shown in the following code:

/MERNVR/index.js

<VrButton onClick={this.collectItem(vrObject)} key={i}>    <Entity … /></VrButton>

The VrButton component will call the collectItem method when clicked on, and pass it the current object's details.

When a 3D object is clicked on by a user, we need the collectItem method to perform the following actions with respect to the game features:

• Check whether the clicked object is ...