Storybook: Wenn Sie eine propTable angeben, werden immer noch zwei Prop-Dokumente gerendert

Erstellt am 22. Apr. 2017  ·  3Kommentare  ·  Quelle: storybookjs/storybook

Ausgabe von FarhadG
_Mittwoch, 24. August 2016 um 06:49 GMT_
_Ursprünglich geöffnet als https://github.com/storybooks/react-storybook-addon-info/issues/59_


Ich exportiere die Komponente derzeit zusammen mit einer umschlossenen Version ( default export), damit ich die Komponente isoliert dokumentieren kann, da die default Version, die mit mehreren anderen Funktionen höherer Ordnung umschlossen ist, dies nicht tut Geben Sie keinen Verweis auf das propTypes für das React-Storybook an.

Beispielsweise:

export class SampleComponent extends Component {

}

export default compose(...)(SampleComponent);

Ich verwende den { SampleComponent } Import zu Dokumentationszwecken, erhalte jedoch zwei gerenderte Benutzeroberflächen für die propTables .

"SampleComponent" Component
property    propType    required    default
contextStyles   object  no  {{}}
height  number  no  -
image   string  yes -

"SampleComponent" ComponentNo propTypes defined!

Obwohl ich die Optionen für propTables mit { propTables: [SampleComponent], inline: true } , erhalte ich beide gerenderten Versionen. Gibt es eine Möglichkeit, das automatische propTable für die gerenderte Komponente zu deaktivieren? Es scheint, als ob das passiert: Die propTypes der gerenderten Komponente werden ebenfalls verwendet, daher die undefined da sie nach mehreren Funktionsumbrüchen höherer Ordnung exportiert wurden.

Vielleicht gibt es einen besseren Weg, um das zu erreichen, was ich insgesamt brauche ...

Danke für deinen Vorschlag.

info bug has workaround

Hilfreichster Kommentar

Kommentar von carlosrberto
_Donnerstag, 26. Januar 2017 um 17:08 GMT_


Ich denke, propTables sollte die Standard-PropTables ersetzen

Alle 3 Kommentare

Kommentar von carlosrberto
_Donnerstag, 26. Januar 2017 um 17:08 GMT_


Ich denke, propTables sollte die Standard-PropTables ersetzen

Kommentar von FarhadG
_Montag, 30. Januar 2017 um 17:41 GMT_


Ein Ansatz, den ich als sehr nützlich empfunden habe, besteht darin, einfach die "verpackte" und "unverpackte" Komponente zu exportieren, damit ich sie nicht nur verwenden kann, um die verpackte Komponente (und ihre Verbesserungen höherer Ordnung) einfach zu testen, sondern auch die nackte Komponente, aber auch die Möglichkeit, die Komponente mit Storybook ganz einfach zu dokumentieren.

Dies behebt das Problem des doppelten Renderings, da ich die unverpackte Komponente für diesen Teil der Dokumentation verwende und verwendet werden kann, um andere Storybook-Funktionen zu nutzen.

Ich hoffe, dies ist nützlich für andere, die auf das gleiche Problem stoßen.

Ich habe die veraltete Originalausgabe kommentiert, und jetzt, da diese geschlossen ist, habe ich diese offene Ausgabe gefunden eine SVG-interne Komponente, die einen <svg> Wrapper der obersten Ebene erfordert), können Sie eine propTablesExclude Option angeben, um (alle) der Komponente(n) auf die schwarze Liste zu setzen, die nicht mit Requisitentabellen gerendert werden sollen zum.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen