React的Css In Js怎么写伪元素样式

Question

例如实现如下CSS

.box {

    width: 300px;

    height: 300px;

}

.box::before {

    content: 'Hello';

    color: red;

}

box的样式应该是这样

const styles = {

    box: {

        width: '300px',

        height: '300px'

    }

}

这种Css in Js写法能够写伪元素样式吗，如果可以应该怎么写呢。