Почему событие onTab неправильно работает в react-draft-wysiwyg?

#draftjs #react-draft-wysiwyg

Вопрос:

Я использую редактор react-draft-wysiwyg, и мне нужно использовать вкладку. Я хочу, чтобы при нажатии клавиши tab оставалось 4 пробела. Для этого я добавил событие onTab, но оно не работает. Что не так с моим кодом?

Пожалуйста, помогите.

Спасибо

Код;

 import "draft-js/dist/Draft.css"; import { Editor } from "react-draft-wysiwyg"; import { EditorState, ContentState, convertToRaw, RichUtils, getDefaultKeyBinding } from "draft-js"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";  const NewTac = (props) =gt; {  const [textState, setTextState] = useState(EditorState.createEmpty());  const onHandleKeyBindings = (e) =gt; {  if (e.keyCode === 9) {  setTextState(RichUtils.onTab(e, textState, 4));    return  }    return getDefaultKeyBinding(e);  };  return (  lt;FormContainergt;  lt;Editor  editorState={textState}  toolbarClassName="toolbarClassName"  wrapperClassName="wrapperClassName"  editorClassName={classes.editorClassName}  onEditorStateChange={onEditorStateChange}  onTab={onHandleKeyBindings}  /gt;  )}  lt;/FormContainergt;  ); };  export default NewTac;