CODEWITHSUNDEEP
javascriptreactjs
Anders
Anders

Reputation: 385

When write "function" in ReactJS component?

I just started to learn ReactJS and done some tutorials. Have noticed that some write function and others do not. Some examples below. What is the difference? What should I use and when?

Render

With function

var $class$ = React.createClass({
 render: function() {
   return (
     <div />
   );
 }
});

Without function

const $class$ = React.createClass({
  render() {
    return (
      <div />
    );
  }
});

Update

With function

componentDidUpdate: function(prevProps, prevState) {
  $END$
},

Without function

componentDidUpdate(prevProps, prevState) {
  $END$
},

Default Props

With function

getDefaultProps: function() {
  return {
    $END$
  };
},

Without function

getDefaultProps() {
  return {
    $END$
  };
},

Upvotes: 1

Views: 399

Answers (1)

Marty
Marty

Reputation: 39456

Those without the function keyword are the result of using the new shorter ES6 method definitions.

You can read more here: Method Definitions - JavaScript | MDN

As far as I am aware, there is no notable difference in behaviour between a shorthand definition and including the function keyword other than the former having reduced support across environments.

Upvotes: 3

Related Questions