☰

React JSX で引用符内のプロパティにアクセスする 質問する

tag-icon • tag-icon javascript reactjs react-props
React JSX で引用符内のプロパティにアクセスする 質問する

propsJSX では、引用符で囲まれた属性値内から値を参照するにはどうすればよいですか?

例えば：

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

結果の HTML 出力は次のようになります。

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

ベストアンサー1

React (または JSX) は属性値内での変数補間をサポートしていませんが、属性値全体として中括弧内に任意の JS 式を配置できるため、次のように機能します。

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

おすすめ記事