Storybook: لا يزال تحديد propTable يعرض مستنديين خاصين

تم إنشاؤها على ٢٢ أبريل ٢٠١٧  ·  3تعليقات  ·  مصدر: storybookjs/storybook

اصدار من 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 منذ أن تم تصديره بعد التفاف العديد من وظائف الترتيب الأعلى.

ربما هناك طريقة أفضل لتحقيق ما أحتاجه تمامًا ...

شكرا لك على اقتراحك.

info bug has workaround

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

تعليق كارلوسربيرتو
_الخميس 26 يناير 2017 الساعة 17:08 GMT_


أعتقد أن propTables يجب أن يحل محل propTables الافتراضي

ال 3 كومينتر

تعليق كارلوسربيرتو
_الخميس 26 يناير 2017 الساعة 17:08 GMT_


أعتقد أن propTables يجب أن يحل محل propTables الافتراضي

تعليق بواسطة FarhadG
_الاثنين 30 يناير 2017 الساعة 17:41 GMT_


من الأساليب التي وجدتها مفيدة جدًا تصدير المكون "المغلف" و "غير المغلف" بحيث لا يمكنني استخدامه فقط لاختبار المكون المغلف بسهولة (وتحسينات الترتيب الأعلى) ولكن أيضًا المكون العاري ولكن أيضًا القدرة على توثيق المكون باستخدام Storybook بسهولة تامة.

يعمل هذا على حل مشكلة العرض المزدوج حيث أستخدم المكون غير المغلف لهذا الجزء من الوثائق ويمكن استخدامه للاستفادة من وظائف Storybook الأخرى.

آمل أن يكون هذا مفيدًا للآخرين الذين يواجهون نفس المشكلة.

لقد علقت على الإصدار الأصلي القديم ، والآن بعد أن تم إغلاقه ، وجدت هذه المشكلة المفتوحة ، لذلك سأنسخ تعليقي في حال كان مفيدًا لأي شخص آخر: في الحالات التي يكون فيها الغلاف لا مفر منه (على سبيل المثال ، قصة لـ أحد مكونات SVG الداخلية التي تتطلب غلافًا من المستوى الأعلى <svg> ) ، يمكنك تحديد خيار propTablesExclude لإدراج (كل) المكونات التي لا تريد عرض جداول الدعم فيها ل.

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

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

miljan-aleksic picture miljan-aleksic  ·  3تعليقات

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

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

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

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