Props and State

State is an object that is available to React component classes. It's purpose is to allow you to re render a dom element whenever a change is made to the data contained in state. For this reason you should always use setState when changing a state variable and never set it directly. Set state sends a signal to React that the state of a component has changed and allows it to rerender.

Props are custom properties that can be passed along to components which allow you to change the behavior of a component. Props can be changed without causing a reload.