Heb je ooit gehoord van State
in de React JavaScript-bibliotheek, maar weet je niet hoe je het moet gebruiken? State verwijst naar "de manier waarop elk object op een webpagina verschijnt". " Het concept is eenvoudig - het is een verzameling gegevens over de huidige staat van het onderdeel, die kunnen worden gewijzigd door de beschreven gegevens aan te passen. Telkens wanneer de gegevens veranderen, worden deze opnieuw weergegeven op het computerscherm. Het moeilijkste deel van de toestand is weten hoe en wanneer je het moet gebruiken. Maar maak je geen zorgen, want in deze tutorial wordt uitgelegd hoe de status wordt gebruikt.
Om je een snel overzicht te geven, gebruik je this.state om de beginstatus in te stellen.
in een JavaScript-constructor. Gebruik de setState-methode
om de status bij te werken. In deze zelfstudie zullen we meer hebben over de status en de gebruikswijzen.
Wat is React State?
React state is een object met een set eigenschappen die zijn toegewezen aan een component en dit helpt bij de manier waarop de component wordt weergegeven. Een component met state
wordt stateful genoemd. U gebruikt dit meestal als een component informatie erover moet bijhouden tussen merken.
Een voorbeeld is een "vind ik leuk"-knopcomponent die het aantal moet bijhouden vaak klikt het. Dit zou elke keer dat de knop wordt ingedrukt opnieuw op het scherm moeten verschijnen, alsof het bijgewerkte aantal vind-ik-leuks wordt weergegeven. En daarvoor moeten we ervoor zorgen dat de knopachtige component de informatie volgt, in plaats van de informatie waarmee we gecodeerd hebben steeds opnieuw te herhalen. Deze mensen wil je tenslotte niet missen.
De statusgegevens van een component zijn via this.state
te benaderen en te bewerken met de .setState
methode. De status is privé omdat deze niet kan worden gewijzigd door de component die de status bevat
Veel mensen verwarren status met accessoires, een ander object van de reactie, maar er zijn belangrijke verschillen tussen de twee. Een daarvan is dat de toestand dynamisch is, wat betekent dat de gegevens die erin staan kunnen veranderen en zo het gedrag van de component kunnen beïnvloeden. Props, aan de andere kant, zijn onveranderlijk, wat betekent dat "de staat niet kan veranderen nadat het is gebouwd. "