props is how we pass data from a parent component to a child component. So it's all about passing data within the hierarchy.

 

• Props are used to pass data from one component to another. state are use to pass with in a component only
• Props are immutable (cannot be modified by child). State is completely Mutable 
• Props can be used both with State/Class  and Function component. where as state can be used with Class component