React Angular : User Files
05.01.2023 858
React Angular : User Files
Wo findet man die User-Files, User Content in React
Anwendungen
Lösung:
Bei React,
Angular, Vue SPA
In dem Ordner: ClientApp public
Dabei gilt, dann alle Pfade mit Unterordner und Dateien wie subfolder files
direkt ausgeben werden
Der Pfad subfolder ist deshalb nicht in approutes definiert
React: String in JSX
05.01.2023 732
React: String in JSX
Wie kann man einen String in einem REACT JSX Html Block als
Text anzeigen
#log #logger
Lösung: einfach in {‚geschweifte Klammern‘} setzen mit Hochzeichen
Code Beispiel
Gelöst: React Seite mit ID in Route match öffnen
02.01.2023 628
Wenn man in React eine URL Route mit Page id öffnen möchte,
dann wird diese meistens nicht als Komponente erkannt, weil der Router falsch
arbeitet
Ich habe deshalb den Pfad mit page * angepasst, damit auch
alle unterseiten weitergeleitet werden
path: ' edit *',
Anschliesse
React Fehler This State Variable undefined in Function
02.01.2023 722
In React, wenn man vom HTML Code aus eine javascript
Function aufruft, bei welcher eine state-variable verwendet werden soll
Fehlermeldung:
Uncaught TypeError:
Cannot read properties of (reading 'state')
&nb
React: If then in JSX
02.01.2023 771
React: If then
in JSX
Wie kann man eine If-then Bedingung in React im Ausgabeblock
einbringen?
Keywords string:
{this state keywords}
&
Typescript in Funktionen und Generische Typen T
21.12.2022 449
Typescript in Funktionen
Funktion: Parameter-Typen
Der Type wird in den Eingabe Parametern per : Doppelpunkt deklariert
Dadurch wird auch gleich ein Fehler in der Vorschau
angezeigt, wenn der Typ falsch ist
Typisierung, Generischer Typ
Im normalen Javascript wird den Ausgabetype als any
erstellt
Wird nun der
TypeScript kurz erklärt
21.12.2022 603
Notizen zu Typescript
Aus
dem Video
in Typescript wird Code in eine ts Datei geschrieben Bei React
wird tsx verwendet
mit dem Typescript Compiler wird hieraus ein javascript code
in die datei js geschrieben
Gelöst: npm WARM config global --global, --local are deprecated. Use --location=global instead
27.07.2022 1520
Fehlermeldung: npm WARM config global ` global`, ` local` are deprecated Use ` location=global` instead
npm WARM config global ` global`, ` local` are deprecated Use ` location=global` instead
React IF Else in Render()
02.03.2021 1759
React IF Else
in Render()
Wie erstellt man ein bedingtes Rendern von HTML Elementen in
React mit IF ELSE ?
Aufgabe:
Folgender HTML Link Button soll in React nur angezeigt
werden, wenn eine Bedingung erfüllt ist
✅ Solved: TS3657: (JS) JSX expressions must have one parent element.ts (2657)
02.03.2021 1955
TS3657:
(JS) JSX expressions must have one parent element ts (2657)
Fehlermeldung
in React
TS3657: (JS) JSX expressions must have one parent
element ts (2657)
Fehlerhafter
Code :
|