Предотвратить рендеринг указанного атрибута c на узле DOM в реакции js

Question

Использование атрибута data-test для проверки, отображается ли компонент без сбоев в тестовых примерах jest. Но атрибут также отображается на узле DOM. Есть ли способ предотвратить это.

Answer 1

Вы можете использовать этот пакет:

babel-plugin-react-remove-properties

И установить это в своем babelr c:

{
  "env": {
    "production": {
      "plugins": [
        ["react-remove-properties", {"properties": ["data-test", "data-foo", /my-suffix-expression$/]}]
      ]
    }
  }
}

Это удалит все атрибуты, которые вы перечислите в производственных сборках.