اصدار من FarhadG
_الأربعاء 24 أغسطس 2016 الساعة 06:49 GMT_
_تم فتحه في الأصل كـ https://github.com/storybooks/react-storybook-addon-info/issues/59_
أقوم حاليًا بتصدير المكون مع إصدار مغلف (تصدير default
) حتى أتمكن من توثيق المكون بمعزل ، نظرًا لأن العنصر default
الذي تم تغليفه بالعديد من وظائف الترتيب الأعلى الأخرى لا لا تقدم مرجعًا إلى propTypes
لاستخدامه في كتاب القصص القصيرة التفاعلية.
على سبيل المثال:
export class SampleComponent extends Component {
}
export default compose(...)(SampleComponent);
أنا أستخدم استيراد { SampleComponent }
لأغراض التوثيق ، ومع ذلك ، أحصل على واجهتي مستخدم تم عرضهما لـ propTables
.
"SampleComponent" Component
property propType required default
contextStyles object no {{}}
height number no -
image string yes -
"SampleComponent" ComponentNo propTypes defined!
على الرغم من أنني أحدد الخيارات لـ propTables
مع { propTables: [SampleComponent], inline: true }
، أحصل على كلا الإصدارين اللذين تم عرضهما. هل من طريقة لتعطيل propTable
التلقائي للمكون الذي يتم تقديمه؟ يبدو أن هذا هو ما يحدث: يتم أيضًا استخدام العنصر الذي تم عرضه propTypes
، ومن هنا يتم استخدام undefined
منذ أن تم تصديره بعد التفاف العديد من وظائف الترتيب الأعلى.
ربما هناك طريقة أفضل لتحقيق ما أحتاجه تمامًا ...
شكرا لك على اقتراحك.
تعليق كارلوسربيرتو
_الخميس 26 يناير 2017 الساعة 17:08 GMT_
أعتقد أن propTables
يجب أن يحل محل propTables الافتراضي
تعليق بواسطة FarhadG
_الاثنين 30 يناير 2017 الساعة 17:41 GMT_
من الأساليب التي وجدتها مفيدة جدًا تصدير المكون "المغلف" و "غير المغلف" بحيث لا يمكنني استخدامه فقط لاختبار المكون المغلف بسهولة (وتحسينات الترتيب الأعلى) ولكن أيضًا المكون العاري ولكن أيضًا القدرة على توثيق المكون باستخدام Storybook بسهولة تامة.
يعمل هذا على حل مشكلة العرض المزدوج حيث أستخدم المكون غير المغلف لهذا الجزء من الوثائق ويمكن استخدامه للاستفادة من وظائف Storybook الأخرى.
آمل أن يكون هذا مفيدًا للآخرين الذين يواجهون نفس المشكلة.
لقد علقت على الإصدار الأصلي القديم ، والآن بعد أن تم إغلاقه ، وجدت هذه المشكلة المفتوحة ، لذلك سأنسخ تعليقي في حال كان مفيدًا لأي شخص آخر: في الحالات التي يكون فيها الغلاف لا مفر منه (على سبيل المثال ، قصة لـ أحد مكونات SVG الداخلية التي تتطلب غلافًا من المستوى الأعلى <svg>
) ، يمكنك تحديد خيار propTablesExclude
لإدراج (كل) المكونات التي لا تريد عرض جداول الدعم فيها ل.
التعليق الأكثر فائدة
تعليق كارلوسربيرتو
_الخميس 26 يناير 2017 الساعة 17:08 GMT_
أعتقد أن
propTables
يجب أن يحل محل propTables الافتراضي