Props vs State

Props (short for “properties”) and state are both plain JavaScript objects. While both hold information that influences the output of component render, they are different in one important way: props get passed to the component (similar to function parameters) whereas state is managed within the component (similar to variables declared within a function).

Visit the following resources to learn more:

• Component State
• How to use Props in React
• What is the difference between state and props in React?
• How to update state from props in React
• Putting props to useState