reactjs - React機能コンポーネントで小道具が変更されたときにCodeMirror値が更新されない

Question

受け取った小道具を使用して CodeMirror コンポーネント (react-codemirror からインポート) の値を更新しようとしましたが、小道具が変更されても値は変わりません。また、CORS の制限を克服するために corsanywhere を使用して API からロードしているため、フェッチ リクエストが失敗することがあります。ただし、フェッチが成功した場合でも、値は更新されません。

これが私の試みのスクリーンショットです：

function CodeConsole(props) {
  console.log("CodeConsole props: ", props);
  const options = {
    readOnly: true
  };
  const stdout = props.output.stdout;
  console.log("stdout: " + stdout);
  return <Codemirror value={stdout} options={options} autoFocus={false} />;
}

入力に「hello world」と入力したときの2つのログステートメントからのコンソール出力は、小道具が更新されたことを証明しています。

CodeConsole props:  {output: {stdout: "hello world↵", stderr: "", error: ""}}
stdout: we

解決策については、以下の私の回答を参照してください