styled-components

0熱

1答えて

Reactのボタンを押して要素を切り替える方法は？

3つの奇妙な日を検索して、自分のモバイルメニューを切り替えるためにモバイルナビゲーションボタンを切り替える方法を見つけました。私はReactを初めて使う人で、jQueryでこれを簡単に実行できますが、jQueryを使いたくありません。私は行を表示するか、または要素を非表示にする方法で発見した例をコピーした行があります。私はそれを働かせることはできません。どんな助けでも大歓迎です。 Reactでスタ

javascript reactjs styled-components 2017-08-06

---

0熱

1答えて

スタイルを変更したコンポーネントは、再レンダリング時にトランジションエフェクトを適用しませんか？

私のコンポーネントの動的スタイリングにはstyled-componentsが使用されていますが、私が望むように動作させることはできません。 私は、プログラマティックでダイナミックにフォーカスされたボタンにease-in-outエフェクトを追加しようとしています。 あなたはtransitionプロパティは、任意の有効になりませんが、スタイリングが適用されて見ることができるように。これを達成する方法は

javascript css styled-components 2017-08-09

---

0熱

1答えて

スタイル・コンポーネント：親のスタイルあなたが見るように、より優先順位、子

image export const LogOutButton = styled.button` display: inline-block; .... `; export default styled(ThemedApp)` .... button { .... display: flex; .... } `;

css reactjs styled-components 2017-08-10

---

0熱

1答えて

スタイル付きコンポーネントからkeyCodeをキャプチャする方法は？

私はstyled-components NPMパッケージを使用していますので、などのコンポーネントにイベントを設定している： <MyStyledComponent onKeyPress={e => doSomething(e)} > にはどうすればキーコードをキャプチャするのですか？

styled-components 2017-08-10

---

0熱

1答えて

第三者コンポーネントへのinnerRef

私はReduxフォームをStyled Componentsと共に使用しています。 私はReduxフォームフィールドのリファレンスを取得したいので、特定の条件に絞ることができます。 （簡略化された少し） export const SomeForm =() => ( <form onSubmit={handleSubmit} > <FormLabel htmlFor="comment

reactjs react-redux redux-form styled-components 2017-08-15

---

1熱

1答えて

スタイル設定されたコンポーネントのテーマイメージにsrcSetを追加

私のウェブサイトには複数のテーマがあります。私はこのようなイメージにsrcSetを追加しようとしています： export const Header = styled.img.attrs({ src: props => props.theme.images.Header1x, srcSet: `${props => props.theme.images.Header1x} 1x,

reactjs styled-components 2017-08-15

---

0熱

1答えて

スタイリッシュなコンポーネントに反応する：他のコンポーネントを参照する

公式の文書（https://www.styled-components.com/docs/faqs#can-i-refer-to-other-components）によれば、私は、例えばホバー効果を引き起こす別のコンポーネントを参照することができます。 const Link = styled.a` display: flex; align-items: center;

reactjs styled-components 2017-08-23

---

0熱

2答えて

Stylat-componentの文字列を含むConcat prop値

styled-componentで渡された小道具に 's'文字列を追加しようとすると問題が発生しました。また、スタイリッシュなコンポーネントでちょうどprop.xを使用できるかどうかは完全にはわかりません。ここで私の意味は次のとおりです。 const MyComponent = (props) => { const StyledLineItem = styled.li`

reactjs styled-components template-strings 2017-08-24

---

0熱

1答えて

プリレンダリング済みPreact CLIビルドにスタイルを含める

Preact CLIには、pre-renderingという機能があります。 JavaScriptがまだロードされていない状態で、HTML内で特定のルートの内容を直接処理することができます。 コンテンツはHTML（静的にサーバー側で表示されます）で直接読み込まれます。したがって、JavaScriptバンドルはその時点でロードされていないため、コンテンツはスタイルなしで表示され、その結果、スタイルは数

javascript css styled-components preact 2017-08-24

---