你好，我在编辑器里写了这样一个 React Component，目的是为了给文本块的四个角加上四个黑色直角。
function Aside({ children }) {
return (
<div className="aside">
<div class="corner-container">
<div class="corner"> </div>
<div class="corner" style={{ transform: 'rotate(90deg)' }}></div>
</div>
{children}
<div class="corner-container">
<div class="corner" style={{ transform: 'rotate(270deg)' }}></div>
<div class="corner" style={{ transform: 'rotate(180deg)' }}></div>
</div>
</div>
)
}当我在 MDX Editor 中功预览的时候，四个直角是正常显示的。如下图：
但，当我点击 “Copy” 生成微信公众号的 HTML 的时候，发现 div.corner-container 下的元素（div.conrner）不见了。如下图所示：
请问这是什么原因？我该如何保留四个黑色直角呢？谢谢！
你好，我在编辑器里写了这样一个 React Component，目的是为了给文本块的四个角加上四个黑色直角。
当我在 MDX Editor 中功预览的时候，四个直角是正常显示的。如下图：
但，当我点击 “Copy” 生成微信公众号的 HTML 的时候，发现 div.corner-container 下的元素（div.conrner）不见了。如下图所示：
请问这是什么原因？我该如何保留四个黑色直角呢？谢谢！