当写入“;函数“;在ReactJS组件中

When write "function" in ReactJS component?

本文关键字：ReactJS 组件 函数      更新时间：2023-09-26

我刚开始学习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$
  };
},

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

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

据我所知，简写定义和包含function关键字在行为上没有显著差异，只是前者减少了跨环境的支持。

相关文章：