What is the difference between state and props?

In React, both state and props are plain JavaScript objects, but they serve different purposes and have distinct behaviors: