javascript - React 移除内联样式

Question

我正在使用 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>

Answer 1

文档说样式对象中特定于 vendor 的属性必须以大写字母开头，例如WebkitAppearance 而不是 webkitAppearance。他们还说 ms 是该规则的异常(exception)。 See here .

不过，这还是 mso。 MsoHide 是否有效？