Grunnleggende React-opplæring

Introduksjon Installasjon av React Tilkobling av react-devtools plugin Komponenttilnærming Nettstedsoppbygging Komponentens resultat

JSX-språket

Introduksjon til JSX Retur av nestede tagger Flytting av tagg nedover Retur av flere tagger Retur av ikke-lukket tagg Retur av tom tagg med funksjon Innsetting av variabelverdier Nyanser ved innsetting av variabler Innsetting av arrays Innsetting av objekter Innsetting i attributter Lagring av tagger i JSX Lagring av flere tagger Tagger på forskjellige linjer Retur av tagger Lukkethet av JSX-tagger Korrekthet av oppsett Kjøring av JavaScript-kode

Betingelser

Betingelser i JSX Visning etter betingelse Betingelser for å returnere tag Ternær operator i JSX Bruk av && operatoren i JSX Invertering for forkortede betingelser

Funksjoner

Bruk av funksjoner Kalle funksjoner inne i tagger Å sette opp handterere Parametere for handterere Event-objektet Event-objektet ved parameteroverføring

Dannelse av tagger

Tagg-array Tagg-array i loop Tagger fra array med data Nøkler i array Array av objekter Nøkler via id Tabell fra array av objekter

Unike id-er

Diskusjon Problemer med nye id-er Tilfeldige strenger for id Generering av id Funksjon for generering av id Bruk av id-funksjon Feil bruk av funksjonen

Stater

Introduksjon til stater Bruk Reaktivitet Boolsk verdi i state Teller ved arbeid med stater

Skjemaer

Arbeid med inputfelt Endring av data fra input ved utskrift Endring av data ved hjelp av funksjon Arbeid med flere inputfelt Behandling av skjemadata Arbeid med textarea Arbeid med avkrysningsbokser Avkrysningsbokser og betinget gjengivelse Arbeid med nedtrekkslister Listepunkter fra array Value-attributter i nedtrekksliste Value-attributter for nedtrekksliste fra array Arbeid med radio knapper Standardverdier Kobling av inputfelt til array Kobling av inputfelt til objekt

Data

Introduksjon Reaktiv tilføyelse til array Reaktive operasjoner på arrays Reaktiv tilføyelse til array av objekter Reaktive operasjoner på arrays av objekter Reaktiv datavisning

Komponenter

Innføring i komponenter Bruke komponenter Flere instanser av en komponent Komponent props Barnekomponenter Array for å opprette barnekomponenter Barnekomponenter i en loop Sende states til barnekomponenter Sende id til en komponent Endre forelder-state Redigere forelder-state Redigere besteforelder-state Arbeidsmoduser via states

Konsepter

Introduksjon Komponentdata Komponenttyper Enveisdatastrøm Løfte tilstand opp Én sannhetskilde

Styling

Stilingsmetoder i React Global CSS Innsetting av data i style-attributt fra objekt Innsetting av data i style-attributt fra separat fil Arbeid med CSS-stiler i style-attributtet Innsetting av data i style-attributt fra variabler Styled Components Props i Styled Components Props og betinget rendering i Styled Components Komponenter med utvidet styling Komme i gang med CSS-moduler Fortsette arbeid med CSS-moduler Kommandoen composes for klasser Kommandoen composes for filer

Prosjekter

Sjekkliste Notatblokk
↑
Norsk▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Vi bruker informasjonskapsler for nettstedets funksjonalitet, analyse og personalisering. Behandling av data foregår i henhold til Personvernerklæringen.
godta alle tilpass avvis