Я столкнулся с этой проблемой и обошел ее, получив значение из Editor , которое передается команде с помощью getValue() .

Итак, в вашем случае вы бы изменили функцию handleSubmit .

const handleSubmit = (editor) => {
  const text = editor.getValue();
  window.alert("You submitted the text: " + text);
};

https://codesandbox.io/s/confident-neumann-99zmk

Спасибо за обходной путь! Это достойное временное решение, но оно все еще не решает основную проблему. Вы не должны быть вынуждены передать весь объект редактора родительскому объекту. Компонент Ace Editor должен связывать не только ваши команды при монтировании. Если вы измените передаваемые команды, он должен обновить компонент с вашими обновленными командами.

Текущий обходной путь в компонентах функций заключается в использовании useRef и назначении () => referencedFunction.current() вместо exec

@ FMS-Cat, как у вас это работало? Используя следующий пример, который я пробовал, похоже, это не работает как решение?

function Example() {
    function save() { ... }

    const ref = useRef(save)

    return (
      <AceEditor commands={[
        {
          name: 'save',
          bindKey: {
            win: 'Ctrl-enter',
            mac: 'Cmd-enter',
          },
          exec: () => ref.current(),
        },
      ]}/>
    )
}

Пока это не будет исправлено, вот еще код для двух описанных выше обходных путей.

editor.getValue () [более удобный способ обхода]

// `onSave` shouldn't have to pass the content 
// back up the chain since onChange already did that,
// hence calling this a workaround.
function Example({ content, onChange, onSave }) {
  return (
    <AceEditor
      content={content}
      onChange={c => onChange(c)}
      commands={[{
        name: 'save',
        bindKey: { win: 'Ctrl-enter', mac: 'Cmd-enter' },
        exec: editor => onSave(editor.getValue()),
      }]}
    />
  );
}

useRef

function Example({ content, onChange, onSave }) {
  const editor = useRef(null)

  return (
    <AceEditor
      ref={editor}
      content={content}
      onChange={c => onChange(c)}
      commands={[{
        name: 'save',
        bindKey: { win: 'Ctrl-enter', mac: 'Cmd-enter' },
        exec: () => onSave(editor.current.props.value),
      }]}
    />
  );
}