How to get the calculated pseudo from jsx in scss styles?


This Content is from Stack Overflow. Question asked by setting

Here is my case:
I want to get calculated pseudo props – content from jsx to scss.

this.state = { content: 'my after pseudo content' }

the content will be changed during the progress.

And here is my render body:

return <label className={cls('MyTestComponent')}>my test label</label>

And here is my scss file

// MyTestComponent.scss
.MyTestComponent { &:after {
   content: ''

what I want is to get calculated ‘:after’ content from state to the scss file.

I’m using scss and don’t want to import styled-component or other third party package.

What is the best way to do this? Thanks in advance for anyone who can solve this problem:)


This question is not yet answered, be the first one who answer using the comment. Later the confirmed answer will be published as the solution.

This Question and Answer are collected from stackoverflow and tested by JTuto community, is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?