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

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

 

 

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

 

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

 

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

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

 

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

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

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

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

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

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG