Emotion v10 のドキュメントには、「@emotion/css/macro からインポートした場合、@emotion/core から CSS に使用できる Babel マクロがあります」と記載されています。これは、babel 構成を変更できないユーザーが利用できるようです。
JSXプラグマやbabelプラグインを使用していないと仮定すると、このマクロのポイントは何ですか?また、どのように使用しますか?
新しいcreate-react-app
アプリでは、タグ付けされたテンプレートをimport css from '@emotion/css/macro';
使用することもできますが、その戻り値 (と スタイル テキストcss
を持つオブジェクト) で何をすべきかは明らかではありません。プラグマまたはプラグインがないと、小道具name
にアクセスできません。css={}