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

index.jsx

...

class App extends Component {
  constructor() {
    ...
    
    this.toggleSuggestor = this.toggleSuggestor.bind(this);
  }
  
  toggleSuggestor(metaInformation) {
    const { hookType, cursor } = metaInformation;

    if (hookType === 'start') {
      this.setState({
        showSuggestor: true,
        left: cursor.left,
        top: cursor.top + cursor.height, // we need to add the cursor height so that the dropdown doesn't overlap with the `@`.
      });
    }
  }
  
  render() {
    return (
      ...
        <InputTrigger
          trigger={{
            keyCode: 50,
            shiftKey: true,
          }}
          onStart={(metaData) => { this.toggleSuggestor(metaData); }}
        >
          ...
        </InputTrigger>
        ...
    );
  }  
}

...