wall.r3r.js

import React, { Component } from 'react';
import THREE from 'three';

export default class Wall extends Component {

    shouldComponentUpdate( nextProps ) {

        return ( nextProps.position !== this.props.position ) ||
            ( nextProps.rotation !== this.props.rotation ) ||
            ( nextProps.quaternion !== this.props.quaternion ) ||
            ( nextProps.scale !== this.props.scale ) ||
            ( nextProps.materialId !== this.props.materialId );

    }

    render() {

        const {
            position, rotation, quaternion, scale, materialId,
        } = this.props;

        return <group
            position={ position }
            quaternion={ quaternion }
            rotation={ rotation }
            scale={ scale }
        >
            <mesh
                ref="mesh"
            >
                <geometryResource
                    resourceId="1x1box"
                />
                <materialResource
                    resourceId={ materialId }
                />
            </mesh>
        </group>;

    }

}