How to change the style of the label pseudo-element?

Question

React

I made a custom checkbox through a pseudo-element. How to add a style to it in React when processing a click?

Answer 1

You can't directly. It needs to be through a parent.
You also hang an additional class (modifier) ​​on the label,

<label htmlFor={el.name} className={el.checked ? 'checked' : null}>{el.name}</label>

and in the styles set the necessary properties

label.checked {
    &::after{
        /* стили */
    }
}