Resium mouse event about resium

[richard-smith-sky]

The ScreenSpaceEvent action property should be a function. By writing {this.action('Left Click')} you are actually passing the result of calling function this.action(). Using an arrow function will do this simply for you, so if you replace the ScreenSpaceEventHandler part of your code with the following, it should work. You can remove the bind in the constructor too, as the fat arrow automatically binds this for you.

<ScreenSpaceEventHandler>
   <ScreenSpaceEvent action={() => this.action('Left Click')} type={ScreenSpaceEventType.MOUSE_MOVE} />
   <ScreenSpaceEvent action={() => this.action('Right Click')} type={ScreenSpaceEventType.RIGHT_CLICK} />
   <ScreenSpaceEvent action={() => this.action('Left Double Click')} type={ScreenSpaceEventType.LEFT_DOUBLE_CLICK} />
   <ScreenSpaceEvent action={() => this.action('Shift + Right Click')} type={ScreenSpaceEventType.RIGHT_CLICK} modifier={KeyboardEventModifier.SHIFT}/>
</ScreenSpaceEventHandler>

Additionally, should you want some of the details of the mouse event such as its location, you can write:

<ScreenSpaceEvent action={(evt) => this.action({name: 'Left Click', evt)} type={ScreenSpaceEventType.MOUSE_MOVE} />