如何防止对Draft Js中的handleKeyCommand执行操作

Question

我无法执行error.preventDefault（）。在下面的情况下，我想按Enter键杀死事件，这是杀死事件，但人为错误。

• 代码

  handleKeyCommand(command) {
      if (command === 'split-block')
          command.event.preventDefault();
      }
      const { editorState } = this.state;
      const newState = RichUtils.handleKeyCommand(editorState, command);
  
      if (newState) {
          this.onChange(newState);
          return true;
      } 
  
      return false;
  }
  

• 错误

  

未捕获的TypeError：无法读取未定义的属性'preventDefault'

Answer 1

您可能希望使用此https://draftjs.org/docs/api-reference-editor/#keybindingfn。 keyBindingFn有一个键盘事件，您可以调用preventDefault和其他事件功能。该函数允许您返回可以在handleKeyCommand函数中处理的命令。如果要保留默认的键绑定，只需确保默认为return getDefaultKeyBinding(event)。