[React] Styled Component

1711 ワード

WeCode React テキストリンク

Styled Component

JSファイルでCSSを使用できるライブラリ

npm install --save styled-components

const 컴포넌트명 = styled.태그명`
  margin: 5px;
  color: black;
`;

propsと3つの演算子を用いてcss属性

を条件付きで与える.

拡張可能スタイル

const 컴포넌트명 = styled.태그명`
  margin: 5px;
  color: black;
`;

const 확장할 컴포넌트명 = styled.(컴포넌트명)`
  width: 100px;
`;

Nestingスタイルで、すべての構成部品を天命構成部品

に組み立てる必要はありません.

画像ラベルでは、ラベル名の後ろにalt属性を付け、attrs({alt='글'})を使用すると、素子を使用する画面に記述する必要がなくなります.

この問題について([React] Styled Component), 我々は、より多くの情報をここで見つけました https://velog.io/@kangsick98/토-ac3kr1pb

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol