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.
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.
Hilfreichster Kommentar
Kommentar von carlosrberto
_Donnerstag, 26. Januar 2017 um 17:08 GMT_
Ich denke,
propTables
sollte die Standard-PropTables ersetzen