What is the difference between props and state in React?

Sample answer preview

Props and state are both plain JavaScript objects that hold information affecting render output, but they differ in purpose and behavior. Props are inputs to a component, passed from a parent. They are read-only from the component's perspective.