Difference between props and state in React ?

Basically, the difference is that state is something like attributes in OOP : it’s something local to a class (component), used to better describe it. Props are like parameters , they are passed to a component from the caller of a component (the parent) : as if you called a function with certain parameters.

For parent-child communication, simply pass props. Use state to store the data your current page needs in your controller-view. Use props to pass data & event handlers down to your child components. Props are immutable which lets React do fast reference checks are used to pass data down from your view-controller your top level component have better performance using this to pass data to child components State that should be managed in your view-controller and your top level component is mutable that has worse performance should not be accessed from child components pass it down with props instead.

And that’s pretty much it :)