React-ace: ブラウザが動かなくなり、エディタに入力した後もメモリが増え続けます

作成日 2017年07月06日 · 4コメント · ソース: securingsincity/react-ace

問題

maxLinesを1または2に設定し、同時にonLoadラップモードをtrueに設定し、最後の中括弧の前をクリックしてEnterボタンを入力すると、エディターの書式が自動的に設定されます。ブラウザがスタックし、メモリが増加します。

問題を再現するためのサンプルコード

<AceEditor
      mode="json" maxLines={2} value={"{\"a\":\"b\"}"}
      onLoad={editor => editor.getSession().setUseWrapMode(true)}
/>

または、単純なプロジェクトreact-ace-editor-issuseにアクセスしてください

参考文献

初期メモリとCPU
tim 20170706095723
入力後10秒Enterボタン
tim 20170706095813

進捗状況：＃
Win 10 / Chrome 58＆IE 11 / React 15.6.1

bug unable to reproduce

ソース

SecMao

👍1

最も参考になるコメント

React v16.4、react-acev6.1.2を使用しています

create-react-appセットアップ
以下のコードでテストし、AceEditorをmaxLinesとwrapEnabled

class App extends React.Component {
  render() {

    const props = {
      mode: 'javascript',
      theme: 'monokai',
      value: 'const test = \'hello loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text\'',
      maxLines: 1,
      wrapEnabled: true,
    };

    return (
      <div>
        <AceEditor {...props} />
      </div>
    );
  }
}

そしてそれはCPUとメモリの上昇を引き起こします

hirohe 2018年06月28日

👍2

全てのコメント4件

https://github.com/JedWatson/react-codemirrorから離れることを検討しました現時点では、適切に維持されていないためです（つまり、メンテナはPRにマージまたは反応しません）が、これはそれを阻止するブロッカーです。。

inoas 2017年07月12日

@SecMaoMacで再現できません。再現するには、Windowsラップトップを見つける必要があります。

@inoasこの問題を再現できましたか？コードミラーからの切り替えを検討しているというコメントがいくつかありますが、これらの問題をローカルで確認したかどうかは不明です。

securingsincity 2017年07月18日

私たちはまだ動きをしていません。もしそうしたら、これを再現しようとし、どちらの場合でも報告します（リークがないか、リークのように見える）

inoas 2017年07月19日