What is state and props in react JS?

In a React component, props are variables passed to it by its parent component. State on the other hand is still variables, but directly initialized and managed by the component .