使用React进行更漂亮的缩进

Question

我正在使用“更漂亮”的默认设置。更漂亮的改变

export function SideNavComponent({
  classes,
}) {
  return (
    <SideNav
      customUserMenuRootContent={(
        <p className={classes.timestamp}>
          <span className={classes.lastLogin}>{LAST_LOGIN} </span>
          {moment(window.localStorage.lastLogin).format(DATE_TIME_FORMAT)}
        </p> 
      )}
    />
  );
}

对此

export function SideNavComponent({ classes }) {
  return (
    <SideNav
      customUserMenuRootContent={(
        <p className={classes.timestamp}>
          <span className={classes.lastLogin}>{LAST_LOGIN} </span>
          {moment(window.localStorage.lastLogin).format(DATE_TIME_FORMAT)}
        </p>
)}
    />
  );
}

更漂亮的配置：

module.exports = {
    singleQuote: true,
    trailingComma: 'all',
    printWidth: 99
};

有什么想法为什么要采用这种格式？