मैं इस मुद्दे पर टकराया और Editor getValue() का उपयोग करके कमांड को पास किया गया मूल्य प्राप्त करके इसके चारों ओर मिला।

तो आपके मामले में आप handleSubmit फ़ंक्शन को बदल देंगे।

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

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

वर्कअराउंड के लिए धन्यवाद! यह एक अच्छा अस्थायी समाधान है, लेकिन यह अभी भी जड़ समस्या को हल नहीं करता है। आपको संपूर्ण संपादक ऑब्जेक्ट को पैरेंट को पास करने के लिए मजबूर नहीं किया जाना चाहिए। ऐस संपादक घटक को केवल आपके आदेश को बढ़ते पर बाँधना नहीं चाहिए। यदि आप पास किए जा रहे आदेशों को बदलते हैं, तो यह आपके अद्यतन किए गए आदेशों के साथ घटक को अद्यतन करना चाहिए।

फ़ंक्शन घटकों में वर्तमान वर्कअराउंड useRef और () => referencedFunction.current() बजाय exec असाइन करना है

@ एफएमएस-कैट आपको यह काम कैसे मिला? निम्नलिखित उदाहरण का उपयोग करके मैंने कोशिश की, यह समाधान के रूप में काम नहीं करता है?

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()),
      }]}
    />
  );
}

उपयोग करें

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),
      }]}
    />
  );
}