add condition inside a className in reactjs code example

Example 1: react conditional classname

<div className={`banner ${active ? "active" : ""}`}>{children}</div>

Example 2: add condition inside a className in reactjs

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

Example 3: conditional classname prop react

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