reactjs - 如何防止通过更漂亮的 eslint 自动将 0.00 转换为 0.0

Question

我有一个 ComponentA 并且要求默认将值设置为 0.00。但是，更漂亮的 eslint 在格式化这个组件文件时会将其从 0.00 转换为 0.0。我们如何防止这种情况发生？

export const ComponentA = ({ validate, isRequired }) => (
  <ComponentB
    validate={validate}
    required={isRequired}
    value={0.00}
  />
);

以下是 .eslintrc 文件中的设置

  "plugins": ["react", "react-hooks", "prettier", "jsx-a11y", "import"],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:prettier/recommended"
  ],
    "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto"
      }
    ],

Answer 1

你可以// prettier-ignore这样使用：

// prettier-ignore
value={0.00}

如果它不起作用，请// eslint-disable-line像这样添加：

// prettier-ignore
value={0.00} // eslint-disable-line

为了正确显示它们，您可以使用：

<div>
    value: {(Math.round(value * 100) / 100).toFixed(2)}
</div>