Aus dem Kurs: React.js: Ein Web-Interface entwickeln

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.

Auf Toggle reagieren

Auf Toggle reagieren – Tutorial zu React.js

Aus dem Kurs: React.js: Ein Web-Interface entwickeln

Gratismonat starten Für Ihr Team erwerben

Auf Toggle reagieren

“

Ein Toggle bedeutet, dass ein Klick eine Aktion auslöst, die ein weiterer Klick wieder rückgängig macht. Wir brauchen das, um das Formular klickgesteuert wechselnd ein- oder ausblenden zulassen, also, wenn man da draufklickt, soll das Formular angezeigt werden oder ausgeblendet werden. Zuerst einmal wollen wir ein Icon ergänzen und dafür können wir reacts-icons nutzen, dann geht das sehr komfortabel. Das Icon heißt Plus und das ist from 'react-icons' beim Font Awesome und dann kann ich dieses Icon auch verwenden und das soll angezeigt werden an dieser Stelle, also, bevor man da einen Termin hinzufügt und da gebe ich das an und dann habe ich so ein kleines Icon an dieser Stelle. Wir wollen, dass ein Klick auf den Header etwas auslöst, das heißt, an dieser Stelle ergänzen wir onClick und da kommt dann ein Ausdruck, nämlich this.props.toggleForm. Das gibt es natürlich noch nicht, darum muss ich mich gleich kümmern. Und in Apps.js ergänzen wir bei dieser Komponente toggleForm =…

Inhalt