reactjs - 使用 React 进行奇怪的更漂亮的缩进

Question

我正在使用 Prettier 的默认设置。Prettier 改变了这一点

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
};

有什么想法为什么要这样格式化？

标签： reactjsvisual-studio-codeprettier