/Javascript/React/How to add multiple classes to a ReactJS Component

How to add multiple classes to a ReactJS Component

Add 2 class names react

<input className={`form-control round-lg ${this.state.valid ? '' : 'error'}`} />

Source: stackoverflow.com

How to add multiple classes to a ReactJS Component

var liClasses = classNames({
      'main-class': true,
      'activeClass': self.state.focused === index
    });

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

Similar codes

23 votes378 views4 answers
How to copy to clipboard in react js
Javascript React
40 votes363 views4 answers
What does useref do react
Javascript React
5 votes409 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote384 views1 answer
Type svg react
Javascript React
0 vote356 views1 answer
React children map
Javascript React
6 votes374 views2 answers
TextInput disable react native
Javascript React
0 vote427 views1 answer
React bootsrap color picker
Javascript React
1 vote359 views1 answer
React native rename package name
Javascript React
1 vote387 views1 answer
Add a text on last object map reactjs
Javascript React
-1 vote394 views1 answer
Install proptypes react
Javascript React