styled-components

0熱

1答えて

Enzyme 3.2.0とReact 16アプリを使用したスナップショットの変更（Styled Componentsを使用）

Enzymeを使用したスナップショットテストでいくつか問題が発生しています。私は酵素（3.2.0）とスタイリッシュなコンポーネント2.2.3でCRA（React 16.1を使用）を使用しています。これは、私がテストしようとしているコンポーネントです： // @flow import React, { Component } from 'react' import { Switch } f

0熱

1答えて

反応したホットローダーが定型コンポーネントで動作しない

反応ホットローダーバージョン3.1.3、スタイル付きコンポーネントバージョン2.2.0を使用しており、16と反応しています。これはコンソールに表示されるエラーメッセージです。バージョン2.0.0にダウングレードし、反応ホットローダーをバージョン3.0.0にダウングレードしようとしましたが、それでも動作しないため、これらのスクリプトの最新バージョンを使用しています。リアクションホットローダー：この

1熱

1答えて

スタイル設定コンポーネント：ホバー

ための小道具私は小道具が渡されただけ&:hover適用する - このsituacionでは：animated const AnimationContainer = styled.div` transform: translate(0%); transition: 0.3s ease-out; &:hover { // apply hover only when $(

1熱

1答えて

定義済みのコンポーネントスタイルが機能しない

margin-topスタイルがコンポーネントに適用されていません。私はここで何が欠けているのかよく分かりません。 Home.js const BannerSd = styled(Banner)` margin-top: 15%; `; class Home extends Component { render() { return( <div>

0熱

1答えて

サードパーティ製コンポーネント内の子要素のスタイル

以下のレンダリングメソッドで「Dialog」という名前のサードパーティコンポーネントを使用しています。ご覧のように、コンポーネントには複数のclassNameがあります。私は "SURFACE" classNameを持つdivに関連付けられた幅をオーバーライドさせる小道具を含むStyledDialogというスタイルのコンポーネントを作成したいと思います。これはStyled-Componentsで行

2熱

1答えて

スタイルを適用したSlider Thumbスタイルのコンポーネントを使用する

Reactのスタイル付きコンポーネントを使用してスライダのスタイルを設定しようとしていますが、どのようにして親指をスタイルすることができません。 .faderInput::-webkit-slider-thumb { -webkit-appearance: none; width: 15px; height: 15px; border:1px solid b

0熱

1答えて

タイプスクリプト内のスタイル付きコンポーネントのデバッグ

babel-plug-inでtypescriptをラップしてスタイルコンポーネントをデバッグするのは良いことではないことを考慮に入れて、どのようにすれば同じ機能を達成できますか？おかげ提案のため

0熱

1答えて

styled（Component）カスタム値にスタイル値を渡しません

IchはReact Component Knobを持っていて、異なるスタイルを渡してCSSグリッドに複数回配置します。親コンポーネントはDisplay: gridがあり、子どもたちは、このようなスタイルされています const Treble = styled(Knob)` grid-column: 2; grid-row: 1; `; const Mid = styled

1熱

1答えて

create-react-appにbabel-plugin-styled-componentsをインストールする

私はchrome devでクラス名としてコンポーネント名を取得するために、create-react-appアプリケーションでstyled-components-babel-pluginを使用しようとしていますツール。しかし何とか、私はクラス名を変更することはありません。また、それを実行しようとしました、私はプリセットの組み合わせを試し { "presets": ["env"],

2熱

3答えて

スタイリングコンポーネントからドキュメントボディにスタイルを設定できますか？

私はこのようになりますように<body>タグのように、要素をラップにstyled-componentsからスタイルをキャストする可能性があるかどうかを知りたい：結局のところ class SomePageWrapper = styled.div` body { font-size: 62.5% } `