問題タブ [emotion]

React コンポーネントとしてプレーンな HTML 要素をスタイリングする基本的な使い方は次のとおりです。react-emotion

与えられたコードは次のようになります。

id生成された HTML 要素に属性を追加する方法はありますか? 前もって感謝します。

このコンポーネントに渡された props を使用して CSS をレンダリングし、このロジックを反応する感情で動作させようとしました。しかし、アニメーション CSS プロパティは無視されます。これは、値ではなく、アニメーション プロパティ文字列に対して関数が返されることを意味するためだと思います。

これに正しい構文を教えてくれる人はいますか?

好奇心のために、私は React アプリケーションで styled-components を使用しており、そこで提案されたテーマを使用して、すべての色とサイズをどこでも利用できるようにしています。

現在、私は次のようにしています：

そのため、のテーマThemeProviderと外部コンポーネントの追加チェックを使用しています。

私の質問は今、なぜこのように使用できないのかです:

もっと便利で使いやすいと思いませんか？もしそうなら、なぜ彼らはこのように提案しないのですか? 現時点では見えない大きな欠点があるのではないかと心配しています。