Ich bin nur ein Anfänger in React JS. Momentan schreibendes Beispiel basierend auf dem Artikel von Routing React Apps. Es gibt ein Navigationsmenü mit den Elementen Zuhause, Autos und Info. Wenn das Auto zum ersten Mal angeklickt wird, erhält es die Daten und rendert sie. Die Daten sind in der Beispiel-App fest codiert. Ich verbinde mich jedoch mit einem Webservice und möchte, dass die Daten abgerufen werden, wenn auf den Link "Autos" geklickt wird. Gibt es eine Möglichkeit, ein Ereignis für den Navigationslink zu definieren? Es gab Vorschläge für die Verwendung von Transitionto und TransitionFrom. Sie sind jedoch nicht die richtigen Optionen. Ich habe die Lebenszyklusmethoden untersucht, aber keine von ihnen wird erneut ausgeführt, wenn ich auf einen Link klicke.Klicken auf React Link, um Daten zu aktualisieren
0
A
Antwort
0
Wie die meisten der Komponente reagieren/html, haben Link
die Props
onClick
, die eine Funktion geben können, wo Sie holen können, was Sie wollen
0
Danke Alexandre für die Eingabe. Ich habe versäumt, die Lifecycle-Methoden zu verwenden. Schließlich wurde beim Debugging festgestellt, dass beim Klicken auf einen Link die Methode componentWillMount aufgerufen wird. Ich habe die Logik des Datenabrufs in die componentWillMount-Methode verschoben und sie funktioniert jetzt.
Verwandte Themen
- 1. React Native Text zu TextInput auf Knopf klicken klicken
- 2. Artikeldetails anzeigen nach dem Klicken auf Link in React Router
- 3. video.js - Videoquelle aktualisieren, wenn Sie auf einen Link klicken
- 4. Angular Controller nicht auf Link klicken klicken
- 5. React-Router - Link feuern zu früh
- 6. auf Knopf klicken, um Daten von jeder Ansicht zu erhalten
- 7. Klicken Sie nicht auf Link
- 8. ASP.net mvc Call-Funktion auf Link klicken
- 9. Trigger-Popup auf Link klicken
- 10. Javascript OnChange, um Daten zu aktualisieren
- 11. Klicken Sie auf den Link, um div im Container anzuzeigen
- 12. Klicken Sie auf den Link PhantomJS
- 13. React + Redux - Zeige InfoWindow auf Marker klicken
- 14. Gridview zu aktualisieren, wenn die Schaltfläche klicken Updates Daten
- 15. nightmare.js versucht, auf Link basierend auf Ankertext zu klicken
- 16. React Native - Listview Pull-down, um mehrmals zu aktualisieren Feuer
- 17. jQuery klicken Sie zweimal, um zu funktionieren
- 18. Klicken Sie auf einen Link, um zu einem bestimmten div (jquery) zu scrollen
- 19. Selenium Java Klicken Sie auf einen Link, um zu einer anderen Seite zu gelangen
- 20. Reload externes Skript auf Link klicken
- 21. React-native Erkennung klicken Sie auf WebView
- 22. Wenn Sie einmal auf den Link klicken, wird das Raster angezeigt. Klicken Sie erneut auf den Link, um die Daten im Raster anzuzeigen.
- 23. Python Selen klicken Sie auf einen Link
- 24. Ich versuche, einige Divs auf bestimmten Link zu zeigen klicken
- 25. Modal erscheint nicht auf Link klicken
- 26. Wie benutze ich CrawlSpider von scrapy, um auf einen Link mit Javascript onclick zu klicken?
- 27. python-selenium- klicken Sie auf entstehenden Link
- 28. Anwenden von CSS durch Klicken auf Link
- 29. React-Native Link App auf Facebook Messenger
- 30. Klicken Sie auf Untermenü Link im Hauptmenü
vielleicht würde die Freigabe Ihres Codes helfen! – goldbullet