Javascript 防止在react js中的DOM节点上呈现特定属性

使用数据测试属性测试组件是否在不破坏jest测试用例的情况下渲染。但属性也在DOM节点上呈现。有什么方法可以防止这种情况。

您可以使用此软件包：

babel-plugin-react-remove-properties

并将此设置在您的babelrc中：

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

这将删除您在生产版本中列出的所有属性。

谢谢，可以使用：）。但当我尝试向属性数组添加“height”时，它也会删除传递到组件的height props

然后我使用样式化组件中的height props设置元素的高度，如

height:${props=>props.height}。由于在babel Transfile上删除了高度道具，因此未设置元素的高度。帮我修一下这个。