浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

JSXの中で即時関数を使ってみた

Reactでコードを書いていると、jsxの中でコードを埋め込んでコンポーネントを動かしたい時があります。自分は即時関数を使って処理を書きました。

 

 

即時関数は通常使う関数と違い、いちいち変数を宣言して関数を格納しなくても記述した時点で使うことができます。

 

ここでは少し使い方が異なりますが、自分の中での即時関数の解釈です。

 

コードの初めと終わりに{}で関数を内包していますが

java scriptで通常通り(()から即時関数を書き始めると関数と認められずエラーになります。

 

Reactを使ってJSXをいじりたいときはこの方法で記述します。

ユーザーの特定するもの(会員番号など)を値として受け取り

その値に沿ってコンポーネントを変化させたいときは便利です。

jsxを中からいじる方法は他にもあるかもしれないので

発見次第投稿したいと思います。

  • この記事いいね! (1)