Js-beautify: العبث بتنسيق jsx متعدد الخطوط السمة

تم إنشاؤها على ٨ أبريل ٢٠١٦  ·  5تعليقات  ·  مصدر: beautify-web/js-beautify

لدي أحدث إصدار مثبت. يتم فتح ملفاتي كملفات Babel JS ولديّ e4x مضبوطًا على true في ملف التكوين الخاص بي. هذا ما لدي حاليًا:

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

ومع ذلك ، بعد التنسيق يصبح هذا:

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

ما الذي أحتاج إلى تغييره لتنسيق ملفاتي بشكل صحيح أو على الأقل حتى لا يتم العبث بها؟

bug

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

شكرا! لقد أضفته إلى قائمتي للإصدار التالي.

ال 5 كومينتر

هل قمت بتعيين e4x=true ؟

bitwiseman نعم ، فعلت.

أنا أيضًا مع e4x=true ! إنه أمر غريب حقًا. :مرح:

شكرا! لقد أضفته إلى قائمتي للإصدار التالي.

إليك ما اكتشفته حول هذه المشكلة:

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات