已解決:刪除線 react css

使用刪除線的主要問題是 react css 很難正確設置樣式。 這是因為刪除線的默認樣式不是很具體,並且沒有對自定義它們的內置支持。

<del>This text is no longer relevant</del>

此代碼行使用 HTML 標記“del”來指示此標記所包含的文本不再相關。

使用 CSS 對 React 進行樣式化

使用 CSS 設置 React 樣式一開始可能有點棘手,但一旦掌握了它,就會很有趣。 以下是一些可幫助您入門的提示:

1.使用類和屬性

給 React 組件設置樣式的一種方法是使用類和屬性。 例如,您可以使用類名“my-button”為應用中的所有按鈕設置樣式,然後使用屬性“style”為該類設置樣式。 這是一個例子:

class MyButton extends Component { … style = { color : '#000' } }

2. 使用 Mixins 和實用程序

另一種設置 React 組件樣式的方法是使用 mixins 和實用程序。 例如,您可以使用 mixin“style-button”為應用程序中的所有按鈕創建可重用的樣式表,然後使用實用函數“button-color”為使用該 mixin 的所有按鈕設置顏色。 這是一個例子:

從 './style-button' 導入 { StyleButton } ; const ButtonColor = ( 道具 ) => { 返回道具。 顏色 ; } 導出默認樣式按鈕;

相關文章:

發表評論