What is the difference between props and state in React?

Think of a component as a vending machine. Props are like the coins you insert from outside — the machine cannot mint its own coins or change the ones you gave it. State is like the internal counter inside the machine that tracks how many items are left — only the machine itself updates that number, and whenever it changes, the machine reacts (re-renders its display).