How can I add multiple className's to react component?

Question

I need to add one className to a component which is being passed down from the parent, and another className that doesn\'t have anything to do with its parent, but with the comp

Answer 1

<div className={(classes.shiny, classes.round)}>
    i'm shiny and round.
</div>

This works with React + Material-UI makeStyles.

Answer 2

<div className={this.state.className && this.props.content.divClassName></div>

Answer 3

<div className={`${this.state.className} ${this.props.content.divClassName}`}>

Or if you can't use template strings:

<div className={[this.state.className, this.props.content.divClassName].join(" ")}>

Answer 4

Combo of string and props class is here

className={`${props.myClass} MyStringClass`}