React

【React×TypeScript】Clickイベントの型の指定

Clickイベントで型を指定する ReactやTypeScriptの扱いに慣れていない頃は、型の指定って迷いますよね・・！今回は、ReactでClickイベントでの型を指定する方法について書いていきたいと思います。 ...

Storybookの書き方をstoriesOfからCSFに書き換える方法

Storybook5.2からCSFが推奨の書き方となった Storybook 5.2からStorybook’s Component Story Format (CSF)が推奨の書き方となりました。今後は、今ま...

ts-jestを使う時に、jestのバージョンで警告が出る

ts-jestを使う時に、jestのバージョンで警告が出た ts-jestを使ってテストを書く際に、jestのバージョンで警告が出ましたので、その時の備忘録になります。発生した警告 ts-jes...

【React】Propsに関数の型を指定する方法

Propsに関数の型を指定したい ReactをやっていてPropsに関数の型を指定したい時がありました！その時にすぐわからなかったので、備忘録になります。型がanyになってしまっている...

【React】is not assignable to type(TS2322)のエラー

is not assignable to type(TS2322)のエラーが出た Reactをやっていて、Propsの型定義の部分で〜is not assignable to type(TS2322)のエラーが発生したため、...

【React】文字列と変数の複数のクラス名を指定したい時

文字列と変数の複数のクラス名を同時に指定したい Reactで文字列と変数の複数のクラス名を同時に指定したい時がありましたので、備忘録として残しておきたいと思います！やり方やり方の例やり...

【React】Material-UIのCSSでnth-of-typeやhoverなどを使用したい時

Material-UIのCSSでnth-of-typeやhoverなどを使用したい ReactでMaterial-UIを使用してCSSを書いていると、makeStylesやwithStylesを使ってnth-of-typeや...

ReactTypeScript

【React × TypeScript】inputの入力値を取得したい時

inputの入力値を取得したい時 TypeScriptでReactを書いていてinputの入力値を取得したい時がありますが、どうやってonChangeのイベントから値を取得するんだっけ？TypeScr...

ReactTypeScript

Laravel × React Jestでのテスト実行時のエラー

Laravel Mixで作成したReact環境でテスト実行時にエラーが発生する Laravel Mixを使用すると、Laravel × React環境を簡単に構築することができます。今回はそのLaravel Mixで作成した...