Ich gebe eine Liste von Requisiten an Kinderkomponenten wie {... this.props} weiter, habe aber einen Fall gefunden, wo ich zusätzliche Requisiten hinzufügen muss, glaube ich, dass ich es kann mach es wie <Child {...this.props} addProp="myNewProp" />
, aber um den Code sauberer zu halten, kann ich irgendwie addProp
zur Liste hinzufügen, also gebe ich es nur weiter?Hinzufügen von Requisiten zu ... this.props
1
A
Antwort
1
Versuchen Sie folgendes:
<Child {...{addProp:"myNewProp", ...this.props}}/>
(aber meiner Meinung nach üblichen JSX Attributsyntax besser ist es Ihr Beispiel aussieht)
Auch sollten Sie sich daran erinnern, dass, obwohl diese Syntax supported von Babels-Plugin, es ist still a proposal und konnte nicht in der tatsächlichen ES7 enthalten sein.
0
Sie JavaScript verwenden:
h(Child, {
...this.props,
addProp: "myNewProp"
})
h
ist nur alias: const h = React.createElement
oder JSnoX
Verwandte Themen
- 1. JavaScript: var {links, ... requisiten} = this.props;
- 2. hinzufügen Requisiten zu routen Komponente
- 3. `this.props` in` getDefaultProps() `von React?
- 4. Reagieren: Requisiten zu einer vorhandenen Komponente hinzufügen
- 5. Anbringen Requisiten auf einer staatenlos Funktion von Requisiten
- 6. nextProps immer identisch mit this.props in componentWillReceiveProps, auch wenn die Requisiten sich geändert haben
- 7. Visual Studio-Setup & Deployment: Hinzufügen von Pre Requisiten
- 8. Jest: Eigenschaft 'Requisiten' von undefined nicht setzen
- 9. Redux pass Zustand als Requisiten zu Komponente
- 10. Konnte keine Requisiten für Kinder von Eltern setzen
- 11. Reagieren: Requisiten an Nachfolger übergeben
- 12. Was bedeutet "... this.props" in ReactJS?
- 13. React - Requisiten ist leer, wenn eine Callback-Funktion von Kind
- 14. ReactJS: Requisiten nicht sofort verfügbar?
- 15. Hinzufügen von Methoden zu Komponenten höherer Ordnung in React
- 16. Was ist this.props (Meteor mit React Tutorial)
- 17. Reagieren Requisiten ist undefined
- 18. korrekt this.props für die gesamte Komponente Destrukturierung
- 19. React/Redux Formular überreichen Requisiten an Kinder
- 20. Übergeben von Requisiten zur Reaktivverdünnung der Containerkomponente
- 21. Reactjs Methoden als Requisiten Kind vorbei
- 22. Senden von HTML-Tags in Requisiten - reagieren
- 23. Können verschachtelte Reaktionskomponenten unterschiedliche Requisiten haben?
- 24. React-Requisiten verstehen
- 25. Erste Teilkette von Requisiten Wert - Reagieren
- 26. Zugriff auf Requisiten von React Ereignisse
- 27. Verwenden von Reagieren Requisiten in. Map-Funktion
- 28. Requisiten in vue.js verstehen
- 29. Reagieren getInitialState mit Requisiten
- 30. Reagieren: default Requisiten Fehler