title: Multiple CSS conditional classes using React
body: <p>I want to incorporate 3 <em>more</em> conditional classes into this...</p>
  
  <pre><code>&lt;li className={`list-group-item ${todo.completed ? " strike-through" : ""}`}
  </code></pre>
  
  <p>I now want <code>${todo.priority}</code> to be included/alongside with this, which will assign classes:</p>
  
  <p>"alert alert-info",
  "alert alert-warning",
  and
  "alert alert-danger"
  based on corresponding values in a drop down: 1, 2, 3.</p>
  
  <p>Can someone help me with this, thank you in advance!</p>