在React中创建样式元素并附加到头部的最佳方法？

Question

我需要一个反应代码逻辑来解决样式元素并追加到  我访问document.head并将样式附加到内部 实现逻辑边框颜色横幅的html来自 反应。这不是最好的反应方式。

这是我的代码：

let styleElem = document.head.appendChild(document.createElement("style"));
styleElem.innerHTML = ".purpleColor:after {border-color: "+banner+" transparent transparent }"