React escaping vars inside an element

Question

  {emails.map(item => (
      <tr><td>{item.date}</td><td>{item.from}</td><td>{item.to}</td><td>{item.subject}</td><td><a href="{item.s3_key}">view</a></td></tr>
    ))}

I am trying to set the href="{item.s3_key}" but it just returns the string literal. I can't see docs for this, can someone help?

Answer 1

With quotes around the item.s3_key, it will be parsed as a string. Remove it to get the desired result.

href={item.s3_key}