react

emotion v10 になって変わったこと

CSS-in-JS ライブラリの emotion が v10 から、だいぶ使い方が変わっていました。 package の変更 v9 では emotion package を import していました。 import { css } from "emotion" v10 では React を使っている場合は @emotion/core を、それ以外の場合は…

React での「...」(ドット3つ)の記法

React では以下のような「...」(ドット3つ)の記法を時々見かけます. これは,Spread Attributes という JSX の記法です. 子の Component へ props を渡す場合,Spread Attributes を用いると,以下のように書き換えられます.