title: Dynamically create class Names in react
body: <p>I am currently mapping over some data and I would like to create a unique className for each result being returned specifically for the test.typical_dq_domain.</p>
  <p>For example below shows what data is being returned... With the value displaying Uniqueness would like to have a className called Uniqueness etc.</p>
  <p><a href="https://i.stack.imgur.com/IqQul.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IqQul.png" alt="enter image description here" /></a></p>
  <pre><code> {unitTestTemplates.map(test =&gt;
            &lt;div className='Table CreateUnitTestsGrid' style={{cursor: 'pointer'}}&gt;
              &lt;div&gt;{test.test_type}&lt;/div&gt;
              &lt;div&gt;{test.typical_dq_domain}&lt;/div&gt;
            &lt;/div&gt;
          )}
          &lt;/div&gt; 
  </code></pre>