(5) Github-style user suggestions using react-input-trigger

index.jsx

...

class App extends Component {
  constructor() {
    this.state = {
      top: null,
      left: null,
      showSuggestor: false,
    }
  }
  
  render() {
    return (
      <div
        style={{
          position: 'relative'        
        }}  
      >
        <InputTrigger
          trigger={{
            keyCode: 50,
            shiftKey: true,
          }}
          onStart={(metaData) => { console.log(metaData); }}
        >
          ... 
        </InputTrigger>

        <div
          id="dropdown"
          style={{
            position: "absolute",
            width: "200px",
            borderRadius: "6px",
            background: "white",
            boxShadow: "rgba(0, 0, 0, 0.4) 0px 1px 4px",
                         
            display: this.state.showSuggestor ? "block" : "none",
            top: this.state.top,
            left: this.state.left,
          }}
        >
        </div>
      </div>
    );
  }
}

...