jsx classname multiple

1// Using String Templates
2<div className={`${this.state.className} ${this.props.content.divClassName}}`>
3	...
4</div>
5// OR
6// Using An Array
7<div className={[this.state.className, this.props.content.divClassName].join(" ")}>
8	...
9</div>

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

1var liClasses = classNames({
2      'main-class': true,
3      'activeClass': self.state.focused === index
4    });
5
6    return (<li className={liClasses}>{data.name}</li>);