Hi \ <body class="vertical-layout vertical-menu-modern boxicon-layout no-card-shadow 1-column navbar-sticky

Question

Hi \ <body class="vertical-layout vertical-menu-modern boxicon-layout no-card-shadow 1-column navbar-sticky

footer-static bg-full-screen-image blank-page blank-page"

data-open="click"
data-menu="vertical-menu-modern"
data-col="1-column"
>

i have a body like this on public/index.html

i want set all the attributes of the body tag (class, data-open, data-menu,data-col) dynamically
i can abel to to set "class" like

componentDidMount() {
document.body.className="..."
}

how to set the others?