Dynamic information is information that can change.
React components will often need dynamic information in order to render. For example, imagine a component that displays the score of a basketball game. The score of the game might change over time, meaning that the score is dynamic. Our component will have to know the score, a piece of dynamic information, in order to render in a useful way.
There are two ways for a component to get dynamic information:
state, every value used in a component should always stay exactly the same.
You just spent a long lesson learning about
props. Now it’s time to learn about
state are all that you need to set up an ecosystem of interacting React components.
Click Next to get started!
In this video, the Searchbar component’s state includes a
term value, which changes as a user inputs text in the search bar.