React删除内联样式

时间:2018-12-21 18:57:15

标签: javascript reactjs inline-styles

我正在使用React编写HTML电子邮件。像任何优质的HTML电子邮件一样,我使用的是针对旧客户端(例如Microsoft Outlook)的内联样式。一些样式在渲染期间被React删除。如何添加对这些样式的支持或解决此问题?样式必须内联。

这是一个例子:

function MyComponent() {
  const style = {
    fontFamily: 'Arial, Helvetica, sans-serif',
    msoHide: 'all'
  }

  return(
    <div style={style}>
      Some text goes here...
    </div>
  )
}

渲染后,mso-hide: all样式将被删除:

<div style="font-family: Arial, Helvetica, sans-serif;">
  Some text goes here...
</div>

1 个答案:

答案 0 :(得分:0)

文档说,样式对象中特定于供应商的属性必须以大写字母开头,例如WebkitAppearance而不是webkitAppearance。他们还说ms是该规则的例外。 See here

仍然是msoMsoHide是否有效?