title: How to concat a string and a props in React
body: <p>This is just a question to clarify what I know and understand about React concatenating string and props. I have a simple code like</p>
  
  <pre><code>const foo = bar?'test--${bar}':''
  </code></pre>
  
  <p>When I am logging out <code>foo</code>, it shows <code>test--${bar}</code> instead of <code>test--whatever</code>. If I try to do </p>
  
  <pre><code>const foo = bar?'test--' + bar:''
  </code></pre>
  
  <p>It will give me the answer I am expecting to be. Can someone explain to me why. I was just started learning React. I scanned through some questions here and they said the best way to concat string and props is to do the first one but why its not working on me. Am I missing something? Thanks!</p>