Reactで動的に属性の値を生成する方法

HTML要素の属性の値を動的に生成するケースは往々にしてあるかと思います。
例えば、aタグのhref属性の値を動的に生成する等。

結果

JSXの記法でいけます。

<a href={'/item/' + this.props.id}>{this.props.name}</a>

このように、{...}の中に文字列もしくは式を値として入れることが出来るようです。
こんなスマートな記法あったのですね。知りませんでした。