在此React代码的末尾为什么会有逗号“，”

Question

初学者问题如图所示，逗号？

更新
做了一些测试，Eslint也推荐了它，但是通常是为了分离值，但是他的只有一个值/声明

Answer 1

在对象文字中，逗号将一个属性与另一个属性分开。除最后一个属性外，每个属性之后都必须具有这些属性。

const example = {
  foo: 1,
  bar: 2,
  baz: 3
};

还允许在最后一项之后添加“尾随逗号”。有些人也喜欢将样式放在最后一行的样式。

const example = {
  foo: 1,
  bar: 2,
  baz: 3,
};

您的代码显示了一个示例，其中单属性对象的最后一行带有逗号。

Answer 2

这是更漂亮的trailing commas规则。

在v2.0.0中，默认值从none更改为es5

多行时尽可能打印尾随逗号。 （一种 例如，单行数组永远不会出现逗号。）

有效选项：

• “ es5”-在ES5中有效的结尾逗号（对象，数组等）
• “无”-没有结尾的逗号。
• “全部”-可能的结尾逗号（包括函数参数）。这需要节点8或转换。

传递给状态更新功能的对象是这样写的多行对象文字

{
  updateCount: updateCount + 1,
}

但是当写成一行时，可能不需要结尾逗号

{ updateCount: updateCount + 1 }

注意：根据其他配置的漂亮/偏斜规则，即使您编写单行对象文字，它仍然可以自动格式化为多行对象，即行字符长度等。

意思是，像这样的简单行

this.setState({ updateCount: updateCount + 1 });

取决于缩进和其他样式配置，可以自动设置为

this.setState({
  updateCount: updateCount + 1,
});