1 00:00:02,490 --> 00:00:09,000 Deshalb haben wir hier oder an diesen Eingaben an diesen Formularen gearbeitet, wo wir Benutzereingaben zum Hinzufügen neuer Produkte abrufen 2 00:00:09,450 --> 00:00:14,840 können, und das ist natürlich eine Kernsache, die Sie wahrscheinlich in jeder Anwendung tun müssen. 3 00:00:14,850 --> 00:00:20,400 Hier habe ich Ihnen alle wichtigen Details gezeigt, die erforderlich sind, um dies von Grund auf selbst 4 00:00:20,430 --> 00:00:26,400 einzurichten, und dies ist natürlich nur ein möglicher Ansatz. Sie hätten den gesamten Status 5 00:00:26,400 --> 00:00:35,730 einzeln mit mehreren Verwendungsstatusstatus in einer Komponente verwalten können. Hier verwende ich stattdessen use reducer und diesen zusammengeführten Status, um den 6 00:00:35,730 --> 00:00:42,420 gesamten Status zusammen zu haben, und ich verwende eine separate Komponente für die eigentliche Eingabe und deren 7 00:00:42,420 --> 00:00:46,970 Bezeichnung sowie den Fehlertext und die Validierung dieses Eingabetextes, und das ist 8 00:00:47,100 --> 00:00:52,410 natürlich auch gerecht ein mögliches Muster. Jetzt in der Produktion möchten Sie 9 00:00:52,410 --> 00:00:54,750 das Rad möglicherweise nicht immer 10 00:00:54,750 --> 00:00:59,910 neu erfinden. Anstatt die gesamte Validierungslogik hier manuell zu schreiben, wie ich 11 00:00:59,910 --> 00:01:06,870 bereits erwähnt habe, sollten Sie Lösungen wie ValidateJS ausprobieren, die vorkonfigurierte Validierungsmuster und enthalten Funktionen, damit 12 00:01:07,290 --> 00:01:11,280 Sie keinen eigenen E-Mail-Regex hinzufügen müssen und so weiter. 13 00:01:11,280 --> 00:01:17,400 Sie können sich auch Pakete wie formik ansehen, ein React-Paket eines Drittanbieters, das auch für React Native funktioniert, wodurch das 14 00:01:17,400 --> 00:01:22,770 Hinzufügen von Formularen und das Validieren von Formularen noch einfacher wird. Sie können auch die offiziellen Dokumente 15 00:01:22,890 --> 00:01:27,710 lesen, um mehr darüber zu erfahren und zu erfahren, wie dies funktioniert Verwenden Sie es in 16 00:01:27,720 --> 00:01:30,900 React Native-Apps, da Sie dort eine Beschreibung dazu finden. 17 00:01:30,930 --> 00:01:35,580 Ich fand es jedoch interessanter, Ihnen zu zeigen, was hinter den Kulissen passiert und wie Sie so etwas von 18 00:01:35,580 --> 00:01:40,290 Grund auf neu einrichten können, denn in diesem Kurs geht es letztendlich darum, Entwickler zu werden und nicht darum, 19 00:01:40,290 --> 00:01:42,700 eine Kopie und ein Paster zu werden, denke ich. 20 00:01:42,750 --> 00:01:48,600 Ich hoffe, dies war hilfreich, um zu verstehen, was hinter den Kulissen passiert, wie Sie 21 00:01:48,600 --> 00:01:51,630 Gültigkeit und Werte elegant und wiederverwendbar verwalten 22 00:01:51,720 --> 00:01:57,810 können, und wir werden die Eingaben später im Abschnitt zur Authentifizierung wiederverwenden, sobald wir auch einen Authentifizierungsbildschirm 23 00:01:57,810 --> 00:02:03,690 hinzufügen Ich werde dann auch sehen, wie einfach es ist, dieser Anwendung ein weiteres Formular hinzuzufügen.