CodeMirror: подсказка JavaScript не работает - PullRequest
Новая
       17

CodeMirror: подсказка JavaScript не работает

0 голосов
/ 23 января 2019

Любая подсказка не работает в моем приложении React.

Я полагаю, что есть поле для текста для предложений, но здесь никого нет.

Я импортировал подсказки JS и CSS

import 'codemirror / addon / hint / show-hint';

import 'codemirror / addon / hint / javascript-hint';

import 'codemirror / addon / hint / show-hint.css' 

    constructor() {
        super();
        this.refCodeMirror= React.createRef();
        this.handleKeyUpEvent = this.handleKeyUpEvent.bind(this);
        this.autocomplete = this.autocomplete.bind(this);
    }

  autocomplete = function(cm) {
    const codeMirror = this.refCodeMirror.getCodeMirrorInstance();
      const hintOptions = {
          disableKeywords: true,
          completeSingle: false,
          completeOnSingleClick: false
      };
    codeMirror.showHint(cm, codeMirror.hint.javascript, hintOptions);
  };

  handleKeyUpEvent = function (e) {
      let cm = this.refCodeMirror.getCodeMirror();
      this.autocomplete(cm);
  };

  render() {
    const { code } = this.props;
    const { classes } = this.props;
    this.options = {
      completeSingle: false,
      mode: { name: 'javascript', json: true },
      autocorrect: true,
      addModeClass: true,
      value: 'const a = 1',
      autoComplete: 'on',
      extraKeys: { 'Tab': this.autocomplete },
    };
      let myRef = (el) => this.refCodeMirror = el;
    return (
        <CodeMirror
          ref={myRef}
          value={code}
          options={this.options}
          style={stylesCode}
          onChange={this.handleKeyUpEvent}
        />
    );
  }
...