[解決済み】React JSXで引用符内のpropsにアクセスする。

質問

JSXでは、どのようにして props は、引用符で囲まれた属性値の内部から取得できますか？

例えば

<img className="image" src="images/{this.props.image}" />

その結果、HTMLが出力されます。

<img class="image" src="images/{this.props.image}">

解決方法は？

React（またはJSX）は属性値内の変数補間をサポートしていませんが、中括弧の中に任意のJS式を属性値全体として入れることができるので、これは有効です。

<img className="image" src={"images/" + this.props.image} />