何时在ReactJS组件中写入“函数”？

Question

我刚刚开始学习ReactJS，并做了一些教程。注意到有些人写function，有些人不写。下面是一些例子。有什么关系？我应该使用什么，什么时候？

渲染

有功能

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

无功能

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

更新

有功能

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

无功能

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

默认道具

有功能

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

无功能

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

Answer 1

那些没有function关键字的是使用新的较短的ES6方法定义的结果。

您可以在这里阅读更多内容：方法定义- JavaScript \ MDN

据我所知，速记定义和包含function关键字之间的行为没有明显的区别，除了前者的跨环境支持减少了。