JAVASCRIPT

add condition inside a className in reactjs

className={`banner ${active ? "active" : ""}`}

react conditional classname class

import React from "react";
2
3const Banner = ({ active, children }) => (
4  <div className={`banner ${active ? "active" : ""}`}>{children}</div>
5);
6
7export default Banner;

conditional classname prop react

<span className={todo.completed ? "true" : ""}>

react conditional class

<div className={"btn-group pull-right " + (this.props.showBulkActions ? 'show' : 'hidden')}>