spfx webpartのインラインCSSを使用

Question

私はHTMLコンテンツでインラインCSSを使用しようとしていますが、下の図のエラーが表示されています。

どのように私はSPFX WebパーツにインラインCSSを使用できますか？

Answer 1

簡単な方法は、ポストのため

Answer 2

これを行うのは良い方法ではありません。あなたはsassファイルを使い、そこでスタイルを定義する方がよいでしょう。これはHTMLではなくJSXなので、次のようなことができます：

var style = { 
     color: 'white', 
     fontSize: 200 
    }; 

return <div style={style}> Have a good and productive day! </div>; 

これはお勧めしません。コード片が鉱山ではありませんが、次のようにそれを行うには、このポストから取っReact.js inline style best practices

Answer 3

<div className={`ms-Grid-col ms-u-md3`} style={{"border-color": "black"}}> 
 
//Some Code 
 
</div>