Let's glance through the differences between props and states in React.
Properties are declared when React components are created, while states are declared within the component definitions. Thus, during the component initialization phase props are declared.
In most of the scenarios, React components take data and pass in the form of props. In the other cases, when you are required to take user input to have a server request, states are used.
(this.props)
is used to access parameters passed from the parent component, while(this.state)
is used to manage dynamic data. State should be considered private data.