[解決済み] JSXでclassNameを文字列+{prop}で設定するには?
2023-03-16 06:09:52
質問
私はReactに少し慣れておらず、classNameを文字列+propとして設定しようとしています。しかし、私はそれを行う方法とそれがベストプラクティスであるかどうかがわかりません。
それで、私がやろうとしていることは、明らかにうまくいっていないのですが、次のようなことです。
<a data-featherlight='string' + {this.props.data.imageUrl}>
どのように書けばいいのでしょうか?
どのように解決するのですか?
文字列の連結を使用することができます。
<a data-featherlight={'string' + this.props.data.imageUrl}>
または
Template strings
ES2015 の新機能
<a data-featherlight={ `string${this.props.data.imageUrl}` }>
関連
-
[解決済み】React this.setStateは関数ではありません。
-
[解決済み] React Router - バージョン更新後のwithRouterでTypescriptエラーが発生する。
-
[解決済み] JestとReactのテストライブラリでclassNameをテストする方法
-
[解決済み] React JSX内のループ
-
[解決済み] Reactコンポーネント外でのクリックを検出する
-
[解決済み] useEffect React Hook使用時の依存性欠如の警告を修正する方法
-
[解決済み] React Router v4で履歴にプッシュする方法は?
-
[解決済み] Reactの "after render "コード?
-
[解決済み】axiosのすべてのリクエストにAuthorizationヘッダーを添付する
-
[解決済み] 入力が空のとき、ボタンを無効にするには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] React-Router 4 キャッチオールルート
-
[解決済み] React の open mailto E-Mail クライアントの onClick で textarea から本文を取得する。
-
[解決済み] 非必須項目に対するYupバリデーション
-
[解決済み] Webpack のコンパイルに失敗した
-
[解決済み] React - 予想外のトークン、予想外の;
-
[解決済み] React TypeScriptで作業しているときに、Jestが予期しないトークンに遭遇した
-
[解決済み] ReactJS - SCRIPT1010: 期待される識別子 - IE11 で本番ビルドが実行されない
-
[解決済み] nginxでcertbotを使用する際の問題点
-
[解決済み] ReactJS で inst.render が関数でないエラーが発生する