Programmierung react-proptypes

7

ReactJs: Was sollten die PropTypes für this.props.children sein?

Angesichts einer einfachen Komponente, die ihre Kinder rendert: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Frage: Was soll der PropTyp der Kinder-Requisite sein? Wenn ich es als Objekt festlege, schlägt es fehl, …

265 reactjs jsx react-proptypes

6

Reagieren Sie mit dem Proptyp-Array mit der Form

Gibt es eine integrierte Möglichkeit, Proptypen zu verwenden, um sicherzustellen, dass ein Array von Objekten, die an eine Komponente übergeben werden, tatsächlich ein Array von Objekten einer bestimmten Form ist? Vielleicht so etwas? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), Vermisse ich hier etwas ganz offensichtliches? Scheint so sehr gefragt …

244 arrays reactjs react-proptypes

4

PropTypes reagieren: Erlaube verschiedene Arten von PropTypes für eine Requisite

Ich habe eine Komponente, die eine Requisite für ihre Größe erhält. Die Requisite kann entweder eine Zeichenfolge oder eine Zahl sein, z. B.: "LARGE"Oder 17. Kann ich React.PropTypes wissen lassen, dass dies bei der propTypes-Validierung entweder der eine oder der andere sein kann? Wenn ich den Typ nicht spezifiziere, erhalte …

244 reactjs react-proptypes

3

PropTypes in einer TypeScript React-Anwendung

Ist die Verwendung React.PropTypesin einer TypeScript React-Anwendung sinnvoll oder handelt es sich nur um "Gürtel und Hosenträger"? Da die Komponentenklasse mit einem PropsTypparameter deklariert ist: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } Gibt es einen wirklichen Vorteil beim Hinzufügen? static propTypes { …

118 reactjs typescript react-proptypes

5

PropTypes in funktionaler zustandsloser Komponente

Wie verwende ich PropTypes ohne Verwendung einer Klasse in einer funktionalen zustandslosen Komponente von reag? export const Header = (props) => ( <div>hi</div> )

102 javascript reactjs react-props react-proptypes

4

PropTypes vs. Flow reagieren

PropTypes und Flow decken ähnliche Dinge ab, verwenden jedoch unterschiedliche Ansätze. PropTypes kann Sie zur Laufzeit warnen. Dies kann hilfreich sein, um fehlerhafte Antworten von einem Server usw. schnell zu finden. Flow scheint jedoch die Zukunft zu sein und ist mit Konzepten wie Generika eine sehr flexible Lösung. Auch die …

100 reactjs flowtype react-proptypes

2

PropTypes reagieren: objectOf vs shape?

Was ist der Unterschied zwischen PropTypes.objectOfund PropTypes.shape? In den Dokumenten : // An object with property values of a certain type optionalObjectOf: PropTypes.objectOf(PropTypes.number) vs. // An object taking on a particular shape optionalObjectWithShape: PropTypes.shape({ color: PropTypes.string, fontSize: PropTypes.number }) Wann soll ich verwenden objectOfund wann soll ich verwenden shape?

76 reactjs react-proptypes

Als «react-proptypes» getaggte Fragen