我必须发送一些电子邮件，我只是想重用尽可能多的代码/知识（只是因为），为此，我想用内联类将React组件呈现为原始HTML。
我已通过以下方式将React组件渲染为静态标记：

const TestMail = () => {
  return (
    <div>
      <h1 className="text-xl font-bold border-b">You have a new Test Email on Productlane</h1>
      <p className="border-b">Something something</p>
      <a href="https://productlane.io/feedback" className="bg-purple-600">
        Open
      </a>
    </div>
  )
}

export function testMailer({ to }: IParams) {
  const emailHtml = ReactDOMServer.renderToStaticMarkup(<TestMail />)
  const processedHtml = juice(emailHtml, {
    webResources: {
      // relativeTo: "app/core/styles/index.css",
    },
  })

  return {
    async send() {
      console.warn("trying to SEND")
      console.warn(processedHtml)
    },
  }
}

这将输出没有样式的原始html字符串，因此我认为我真的需要为内嵌程序传递已编译的css来完成它的工作

<div><h1 class="text-xl font-bold border-b">You have a new Test Email on Productlane</h1><p class="border-b">Something something</p><a href="https://productlane.io/feedback" class="bg-purple-600">Open</a></div>

从代码片段中可以看出，我尝试使用Juice内联样式，但是，我似乎可以在html中呈现类，知道如何实现吗？