State is a built-in object in React that allows components to manage their own data and re-render when that data changes. Props (short for properties) are read-only attributes passed from a parent component to a child component to configure or customize it.
The main difference is that state is mutable and managed within the component, while props are immutable and passed down from parent to child.
Both props and state are plain JavaScript objects. While both of them hold information that influences the output of render, they are different in their functionality with respect to component. Props get passed to the component similar to function parameters whereas state is managed within the component similar to variables declared within a function