ScreenSpaceEventHandler missing mount lifecycle? about resium

[ksrb]

Yeah it was on my end the conditional wasn't being flipped at the right time leading to the component never properly mounting 😅 thanks closing issue.

Specifically I was relying on something in the handler to change the conditional, and since it was never being mounted obviously the conditional would never change.

[rot1024]

I tried, but could not reproduce the issue...

The code is based on src/stories/ScreenSpaceEventHandler.tsx,

import React from "react";
import { ScreenSpaceEventType } from "cesium";
import { storiesOf } from "@storybook/react";

import Viewer from "../Viewer";
import ScreenSpaceEvent from "../ScreenSpaceEvent";
import ScreenSpaceEventHandler from "../ScreenSpaceEventHandler";

export default () => {
  storiesOf("ScreenSpaceEventHandler", module)
    .add("default", () => (
      <Viewer full>
        <Test />
      </Viewer>
    ));
};

class Test extends React.Component<{}, { condition: boolean }> {
  public state = { condition: false };

  public render() {
    return (
      <div>
        <button
          style={{ top: 0, left: 0, zIndex: 1000, position: "absolute" }}
          onClick={this.handleClick}>
          toggle condition
        </button>
        <Test2 condition={this.state.condition} />
      </div>
    );
  }

  private handleClick = () => {
    this.setState({ condition: !this.state.condition });
  };
}

class Test2 extends React.Component<{ condition: boolean }> {
  public render() {
    if (this.props.condition) {
      return null;
    }

    return (
      <div>
        <ScreenSpaceEventHandler>
          <ScreenSpaceEvent action={this.handleLeftClick} type={ScreenSpaceEventType.LEFT_CLICK} />
        </ScreenSpaceEventHandler>
      </div>
    );
  }

  private handleLeftClick = () => {
    console.log("hogehoge");
  };
}