In react.js I want to use a css style like this
<button class = "btn btn-primary"> A Button </ button>
import style1 from './style.css'
return <button className = {s['btn btn-primary']}> A Button </ button>;
How do I do it?
-
<button className = {'btn btn-primary'}> A Button </ button>Abin Thaha Azees– Abin Thaha Azees2018-08-02 06:00:22 +00:00Commented Aug 2, 2018 at 6:00
Add a comment
|
1 Answer
Well you can just simply place the classes as a string, like this:
<button className="btn btn-primary"> A Button </ button>
or if you have complex classes with logic, you can use this great package:
https://www.npmjs.com/package/classnames
<button className={classNames({ foo: true, bar: false })}> A Button </button>
this will result to this html:
<button class="foo"> A Button </button>
