問題タブ [css-in-js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 小道具を感情のスタイル付きコンポーネントに渡す方法は? TypeScript の使用
私は感情によってスタイリングを使用しています:
ガイドに記載されているようなスタイル付きコンポーネントに小道具を渡そうとしています:
https://emotion.sh/docs/styled
何らかの理由で機能しません。私も TypeScript を使っています。ここで、StyleWrapper と呼ばれるスタイル付きコンポーネントに小道具を渡します。
そしてStyleWrapperで：
私が得るのはコンパイル時のエラーです:
css - netlify への展開後にエモーション css がレンダリングされないが、ローカルで動作する
私は netlify に gatsby サイトを展開しました。これは、表示時に特定の要素、ボタンの css をレンダリングしませんが、ボックスなどの他の要素では機能します。
サイトをローカルで実行すると、正常に機能してレンダリングされます。
ローカルでレンダリング:
デプロイ後のレンダリング:
ギャツビーのサイトでエモーション10を使っています。
オブジェクト スタイルと文字列スタイルの両方を使用してみました。同じスタイリングは、同じcssのいくつかを使用するボックスなど、私が持っている他のコンポーネントでも機能します。
これは、CSS が開発ツールでどのように見えるかです。
なぜこれが起こっているのでしょうか？