React-ace: المتصفح عالق وتستمر الذاكرة في الارتفاع بعد الكتابة في المحرر

تم إنشاؤها على ٦ يوليو ٢٠١٧  ·  4تعليقات  ·  مصدر: securingsincity/react-ace

مشكلة

عيّن maxLines كـ 1 أو 2 ، مع onLoad اضبط وضع الالتفاف على أنه true في نفس الوقت ، انقر قبل آخر قوس متعرج واكتب زر Enter لجعل تنسيق المحرر تلقائيًا ، ستجد متصفح عالق ورفع الذاكرة.

عينة رمز لإعادة إنتاج مشكلتك

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

أو قم بزيارة المشروع البسيط رد فعل-آيس-محرر-إيسوز

مراجع

الذاكرة الأولية ووحدة المعالجة المركزية
tim 20170706095723
بعد 10 ثوانٍ من كتابة زر الإدخال
tim 20170706095813

التقدم على: #
Win 10 / Chrome 58 & IE 11 / React 15.6.1

bug unable to reproduce

التعليق الأكثر فائدة

أنا أستخدم React v16.4 و response-ace v6.1.2

  1. الإعداد باستخدام create-react-app
  2. واختبر باستخدام الكود أدناه ، مع ضبط 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>
    );
  }
}

وسوف يتسبب في زيادة وحدة المعالجة المركزية والذاكرة
image

ال 4 كومينتر

لقد فكرنا في الابتعاد عن https://github.com/JedWatson/react-codemirror لأنه على الأقل في الوقت الحالي لا يتم صيانته جيدًا (المعروف أيضًا باسم المشرف لا يدمج أو يتفاعل مع العلاقات العامة) ولكن هذا مانع يوقف ذلك .

SecMao أنا غير قادر على إعادة الإنتاج على جهاز Mac الخاص بي. سأحتاج إلى العثور على كمبيوتر محمول يعمل بنظام Windows لإعادة إنتاجه.

inoas هل تمكنت من إعادة

لم نقم بهذه الخطوة حتى الآن وسنحاول إعادة إنتاج هذا إذا فعلنا ذلك والإبلاغ في كلتا الحالتين (لا يوجد تسرب أو "يشبه" التسريب)

أنا أستخدم React v16.4 و response-ace v6.1.2

  1. الإعداد باستخدام create-react-app
  2. واختبر باستخدام الكود أدناه ، مع ضبط 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>
    );
  }
}

وسوف يتسبب في زيادة وحدة المعالجة المركزية والذاكرة
image

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

tsmirnov picture tsmirnov  ·  4تعليقات

huangjiatian picture huangjiatian  ·  7تعليقات

dmavrin picture dmavrin  ·  3تعليقات

avalkowsky picture avalkowsky  ·  6تعليقات

danush picture danush  ·  7تعليقات