styled-components

9熱

1答えて

私は、すべてのUIフレームワークが、スタイル付きのコンポーネントと一緒に簡単に使用できるわけではないと推測しています。それらの特異性が高すぎる可能性があるからです。この点については正しいですか？どのようなUIフレームワークでも使用できるスタイリッシュなコンポーネントのパターンはありますか？フレームワークにはパターンがありますが、書式は書かれていないものの、スタイル付きのコンポーネントではうま

0熱

1答えて

どのように親がスタイル規則で子供にスタイル規則を上書きすることができますか？

私はボタンとボタンを再利用したいいくつかの他のバージョンを持っていますが、いくつかの特定のルールをオーバーライドしています。幅、高さ、色、またはホバリング状態の色などこれは、すべてのプロパティを小道具として手動で渡す必要はありませんか？ここでは、私はちょうどそう単純で、これを考え出しhttp://www.webpackbin.com/VyjrMGJ9f import React from 'r

1熱

1答えて

兄弟兄弟CSSルールとリアクションスタイル付きコンポーネント/ CSSモジュール/ CSS-in-JS

styled-componentsで兄弟セレクタを含むルールを変換するにはどうすればいいですか？は（私はそれがまた、生成されたクラス名によるスタイリングの他のフレーバーに関係だと思う） const Pane = styled.div` & > .subItem + .subItem { margin-top:10px; } `

3熱

3答えて

ReactCSSTransitionGroupをスタイル付きコンポーネントで使用する

私は伝統的なCSSの代わりにstyled-componentsを使用しています。しかし、どのようにそれがReactCSSTransitionGroupと一緒に働くことができるかわかりません。基本的には、ReactCSSTransitionGroupはCSSリソース内の特定のクラス名を探し、ライフサイクル全体にわたってコンポーネントに適用されます。ただし、styled-componentsでは、ク

10熱

1答えて

Animated.Component/createAnimatedComponent（Component）はComponentとどう違うのですか？

は、我々はスタイル・コンポーネントのプロジェクトから次の問題の原因を把握しようとしている。https://github.com/styled-components/styled-components/issues/389 いくつかのアニメーション関連の情報が受け継がれていないassuminglyので、一つの場所にアニメーションを破ったレフリー+ setNativePropsに行われたいくつかの変更

21熱

1答えて

ホバー上の別のスタイル付きコンポーネントをターゲットにする

スタイリングされたコンポーネントでホバーを処理する最適な方法は何ですか？私は巻き込まれたときにボタンが現れるラッピング要素を持っています。私はコンポーネント上にいくつかの状態を実装し、ホバー上のプロパティを切り替えることができましたが、スタイル付きのcmponentsでこれを行うより良い方法があるのだろうかと思っていました。次のような何かが動作しませんが、理想的である：スタイル付きコンポーネン

3熱

1答えて

テンプレートリテラル内に関数を定義する

私はstyled-componentsをReactのスタイリングの解決策として使用しています。テンプレートリテラルを使ってCSSを補間する素晴らしい方法があります。あなたのようなことを行うことができるようにテンプレートリテラルは、コンポーネントの小道具を渡されます。 const PasswordsMatchMessage = styled.div` background: ${props

0熱

1答えて

は、スタイル付きコンポーネントでpostcssを使用する方法はありますか？

React.jsコンポーネントをスタイリングするときにスタイル付きコンポーネントでpostcssを使用する方法はありますか？私はpx-to-remやrucksack CSSのようなpostcssプラグインを使用しています。素晴らしいフォントで、私はそれらをあきらめるのが嫌です。 2つを組み合わせる方法はありますか？

2熱

1答えて

スタイリングされたコンポーネントもサーバー上でレンダリングできますか？

スタイリッシュなコンポーネントをサーバー上でレンダリングできることを示すサンプルデモはありますか？これは、普遍的なアプリケーションのためにもちろん重要です。