1
ReactIntermediate#forms
Props are read-only inputs passed from the parent and make a component reusable. State is data owned and mutated by the component itself; updating it re-renders the component.
function Counter({ step }) { // prop
const [n, setN] = useState(0); // state
return <button onClick={() => setN(n + step)}>{n}</button>;
}