エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スタイルを上書きできるコンポーネントはなるべく作らない方がいいという話 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スタイルを上書きできるコンポーネントはなるべく作らない方がいいという話 - Qiita
はじめに この記事はHRBrain Advent Calendar 2022カレンダー2の6日目の記事です。 こんにちは、フロン... はじめに この記事はHRBrain Advent Calendar 2022カレンダー2の6日目の記事です。 こんにちは、フロントエンドエンジニアの村崎です。 Amazonのブラックフライデーでルンバを買いました。 この記事では、スタイルを上書きできるコンポーネントの説明と、なぜなるべく作らない方がいいのかを書きます。 前提 この記事中でのスタイリングにはstyled-componentsを用います。 CSS in JSを前提としますが、別ライブラリやCSS modulesによるスタイリングでも共通項があると思います。 スタイルを上書きできるコンポーネントとは? styled-componentsでは以下のようにすることで、スタイルの上書きを許容するコンポーネントを作ることができます。 classNameをpropから渡せるようにすると、styled-componentsがstyleを注入