属性に変数を使いたい時にハマった。クオートしたらだめなのか

var xml = <>
    <a href="{foo}">unco</a>
</>;

は foo が展開されない。

var xml = <>
    <a href={foo}>unco</a>
</>;

だと展開される。
属性値の途中に埋め込みたい時はどうするんだろう。JS の式書くしかないのかなぁ。キモイなぁ。