how to add class name based on condition in react code example

Example 1: add condition inside a className in reactjs

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

Example 2: conditional classname prop react

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