What is the difference between props and state?

1
2
3
4

function Card({ title, children }) {   // props: from outside
  const [open, setOpen] = useState(true);   // state: owned here
  return open ? <h3>{title}{children}</h3> : null;
}