For example in Passing props<\/strong><\/h4>\n

<\/div>

class MyComponent extends React.Component {  constructor(props) {    super(props)    console.log(this.props) \/\/ prints { name: 'bharath', age: 23}  }}<\/code><\/pre> <\/div>\n
 <\/p>\n
For example in Not passing props<\/strong><\/h4>\n
 
 <\/div> 
class MyComponent extends React.Component {  constructor(props) {    super()    console.log(this.props) \/\/ prints undefined    \/\/ but props parameter is still available    console.log(props) \/\/ prints { name: ' bharath ', age: 23 }  }  render() {    \/\/ no difference outside constructor    console.log(this.props) \/\/ prints { name: ' bharath ', age: 23 }  }}<\/code><\/pre> <\/div>\n
\n
In The above code snippets shows that this.props<\/strong> is different only within the constructor.<\/li>\n
It would be the same outside the constructor.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
This method has been known as, a child class constructor cannot create use of this reference until super() . The same applies for ES6 sub-classes as well. The main reason of passing props parameter to\u00a0super() call is to access this.props in your child constructors. The super() is a requirement, while implementing the\u00a0constructor()\u00a0function\u00a0inside a React component. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[16542],"tags":[16554,16561,16560,16562,16557,16555,16559,16563,16552,16553,16564,16565,16556,16558],"class_list":["post-3948","post","type-post","status-publish","format-standard","hentry","category-reactjs","tag-superprops-in-react","tag-superprops-in-functional-component","tag-superprops-react","tag-what-is-constructor-in-react","tag-what-is-constructorprops-in-react","tag-what-is-super-in-react-constructor","tag-what-is-superprops","tag-what-is-the-purpose-of-using-super-constructor-with-props-argument","tag-whats-the-difference-between-super-and-superprops-in-react","tag-why-do-we-write-superprops","tag-why-use-super-in-constructor-javascript","tag-why-use-super-in-constructor-react","tag-why-we-pass-props-in-constructor","tag-why-we-use-constructor-and-super-in-react-js"],"yoast_head":"\n