How to add multiple classes to a ReactJS Component

<input className={`form-control round-lg ${this.state.valid ? '' : 'error'}`} />var liClasses = classNames({
      'main-class': true,
      'activeClass': self.state.focused === index
    });

    return (<li className={liClasses}>{data.name}</li>);