問題タブ [spfx]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 特定の URL で背景画像のスタイル属性が消える
これが React に固有なのか、SPFx 内のビルド チェーンに固有なのかはわかりませんが、div に背景画像を動的に設定する際に問題が発生しています。SharePoint への API 呼び出しから URL を受け取り、以下のコードを使用して、サイトのロゴとタイトルを含む単純なサイト カードを生成します。
URL が の形式の場合、https://tenant.sharepoint.com/image.jpgすべてが期待どおりに機能し、生成された HTML で背景画像が適切に設定されます。https://sitename.com/GetLogo?id='RandomGUID'URLに属性
の形式がある場合style="background-image: url('https://SomeImageUrl')"、結果の div で作成されません。これがビルド チェーンのどこかで取り除かれているのか、それとも React が適切に処理していないのか、私にはわかりません。GUID ベースの画像 URL を直接参照すると、問題なくレンダリングされます。