React-ace: Browser macet dan Memori terus meningkat setelah mengetik di editor

Dibuat pada 6 Jul 2017 · 4Komentar · Sumber: securingsincity/react-ace

Masalah

set maxLines sebagai 1 atau 2, dengan onLoad setel mode bungkus sebagai true pada saat yang sama, klik sebelum kurung kurawal terakhir dan ketik tombol Enter untuk membuat editor memformat secara otomatis, Anda akan menemukan browser macet dan memori meningkat.

Contoh kode untuk mereproduksi masalah Anda

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

atau kunjungi proyek sederhana react-ace-editor-issuse

Referensi

Memori awal dan CPU
tim 20170706095723
10 detik setelah ketik tombol Enter
tim 20170706095813

Kemajuan pada: #
Menangkan 10 / Chrome 58&IE 11/ Bereaksi 15.6.1

bug unable to reproduce

Sumber

SecMao

👍1

Komentar yang paling membantu

saya menggunakan React v16.4, react-ace v6.1.2

setup dengan create-react-app
dan uji dengan kode di bawah ini, setel AceEditor dengan maxLines dan 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>
    );
  }
}

dan itu akan menyebabkan peningkatan cpu dan memori

hirohe pada 28 Jun 2018

👍2

Semua 4 komentar

Kami mempertimbangkan untuk pindah dari https://github.com/JedWatson/react-codemirror karena setidaknya saat ini tidak terpelihara dengan baik (alias pengelola tidak bergabung atau bereaksi terhadap PR) tetapi ini adalah pemblokir yang menghentikannya .

inoas pada 12 Jul 2017

@SecMao Saya tidak dapat mereproduksi di mac saya. Saya harus mencari laptop Windows untuk mereproduksi.

@inoas apakah Anda dapat mereproduksi masalah ini? Saya melihat beberapa komentar yang menyebutkan bahwa Anda ingin beralih dari codemirror tetapi tidak jelas apakah Anda melihat masalah ini secara lokal.

securingsincity pada 18 Jul 2017

Kami belum bergerak dan akan mencoba mereproduksi ini jika kami melakukannya dan melaporkan kembali dalam kedua kasus tersebut (tidak ada kebocoran atau kebocoran "tampak seperti")

inoas pada 19 Jul 2017

saya menggunakan React v16.4, react-ace v6.1.2

setup dengan create-react-app
dan uji dengan kode di bawah ini, setel AceEditor dengan maxLines dan 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>
    );
  }
}

dan itu akan menyebabkan peningkatan cpu dan memori

hirohe pada 28 Jun 2018

👍2

Apakah halaman ini membantu?

0 / 5 - 0 peringkat