React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
118: デフォルトの名無しさん [] 2021/08/26(木) 15:51:22.45 ID:CFvcLd/B <Button1>と<Button2>で それぞれ内部でuseStateを使ってたら <Button1> <Button2/> </Button1> はNGになるのでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/118
119: デフォルトの名無しさん [sage] 2021/08/26(木) 16:38:00.65 ID:gityixOl >>117 > この関数は関数コンポーネントの意味 違う ifやforなどの制御構造の内側から呼び出すなということ 要するに関数コンポーネントの呼び出しごとにhookが実行されたりされなかったりしてはいけない なので?:や&&などと組み合わせるのもダメ http://mevius.5ch.net/test/read.cgi/tech/1552134567/119
120: デフォルトの名無しさん [sage] 2021/08/26(木) 16:39:25.72 ID:gityixOl >>118 それはOK それぞれのコンポーネントは独立してるから問題ない http://mevius.5ch.net/test/read.cgi/tech/1552134567/120
121: デフォルトの名無しさん [sage] 2021/08/26(木) 16:45:57.37 ID:KmLAFOYJ >>120 有り難い！ しかし判り辛いですね お題目だけだと 公式に具体例を上げてくれないと 勘違いしそう... http://mevius.5ch.net/test/read.cgi/tech/1552134567/121
122: デフォルトの名無しさん [sage] 2021/08/27(金) 13:34:41.69 ID:gabOubiT hookの実行順でレンダリング毎の同一性を保証してるってわかってれば当たり前のことなんだけどね http://mevius.5ch.net/test/read.cgi/tech/1552134567/122
123: デフォルトの名無しさん [sage] 2021/08/27(金) 13:54:27.15 ID:KVovKrAi 順番で状態を管理してるって一昔前の考えだと なんだそりゃって感じになるんだけど そもそも自分で管理するのはクソだから 全部フレームワークに任せちゃえってなってる React凄い http://mevius.5ch.net/test/read.cgi/tech/1552134567/123
124: デフォルトの名無しさん [sage] 2021/08/27(金) 15:19:14.34 ID:B8clkCSU 翻訳の問題かもしれんけど 「関数のトップレベル」という表現が判りずらい 「関数内部の最初の行あたり」で良くないか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/124
125: デフォルトの名無しさん [sage] 2021/08/27(金) 15:45:49.48 ID:nZgJAtld function Foo(props) { if (props.flag) useEffect(...) ... 最初の行だけどアウト http://mevius.5ch.net/test/read.cgi/tech/1552134567/125
126: デフォルトの名無しさん [sage] 2021/08/27(金) 15:48:30.00 ID:KVovKrAi 「同じフックが常に実行されるようにすること」 これでよくね？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/126
127: デフォルトの名無しさん [sage] 2021/08/27(金) 15:49:19.59 ID:B8clkCSU 関数のトップレベルの訳としての話しだよ(´Д`) http://mevius.5ch.net/test/read.cgi/tech/1552134567/127
128: デフォルトの名無しさん [sage] 2021/08/27(金) 15:57:29.79 ID:rY0RNuZ6 モジュールのトップレベルもわからない？ それじゃトップレベルawaitも分からないしJSやるの無理やろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/128
129: デフォルトの名無しさん [] 2021/08/28(土) 04:17:28.74 ID:5cd2kTad useCallback これっている？ fnのMemoならMemoってキーワードも名称から抜けてるし useMemo(() => fn, deps) と同じならなおさら... http://mevius.5ch.net/test/read.cgi/tech/1552134567/129
130: デフォルトの名無しさん [sage] 2021/08/28(土) 04:35:56.44 ID:52Q/kK4D fnをファットアローでインラインに書いてみ http://mevius.5ch.net/test/read.cgi/tech/1552134567/130
131: デフォルトの名無しさん [] 2021/08/28(土) 04:42:56.91 ID:5cd2kTad うー−ん！初学者だからなのか意味わからんです http://mevius.5ch.net/test/read.cgi/tech/1552134567/131
132: デフォルトの名無しさん [] 2021/08/28(土) 04:46:30.48 ID:5cd2kTad useCallback(fn, deps) が useMemo(() => fn, deps) こう書けるって事なんじゃないですか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/132
133: デフォルトの名無しさん [sage] 2021/08/28(土) 04:54:08.75 ID:aWJHFkdS useCallback((event) => {...}, deps) を useMemo(() => (event) => {...}, deps) って書きたいかって話 http://mevius.5ch.net/test/read.cgi/tech/1552134567/133
134: デフォルトの名無しさん [] 2021/08/28(土) 05:10:24.97 ID:5cd2kTad >>133 良い！ そっちのが良い！ fnのメモなのに、useMemoCallback()になってないので直観的に思えない 初学者だと、ぱっと見CallbackするにはuseCallback()が必須に見える 理由はMemoの文字が入ってないから http://mevius.5ch.net/test/read.cgi/tech/1552134567/134
135: デフォルトの名無しさん [sage] 2021/08/28(土) 06:24:50.37 ID:P0+dXebs それ言ったらuseMemoなんてuseState使えばいいし内部でstate使ってるのにuseNemoStateじゃないの直感的じゃないよね http://mevius.5ch.net/test/read.cgi/tech/1552134567/135
136: デフォルトの名無しさん [] 2021/08/28(土) 08:24:29.02 ID:5cd2kTad useCallback だと名称から、 コールバック使いますよ！の宣言に見えると言っている 実際はコールバックをメモしますよ！だから コード読むとき直感的でないと言っている 実際、初学者で関数コンポネント内でコールバックを定義するときは useCallback()を使わなければならないと思いこんでいる人が少なからず居ると思う http://mevius.5ch.net/test/read.cgi/tech/1552134567/136
137: デフォルトの名無しさん [] 2021/08/28(土) 10:18:42.44 ID:rJz23Izt Ionicと比べた場合のReact nativeのメリットはアプリの動作速度が速いところ？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/137
138: デフォルトの名無しさん [sage] 2021/08/28(土) 10:19:30.77 ID:rJz23Izt ageてしまって申し訳ない http://mevius.5ch.net/test/read.cgi/tech/1552134567/138
139: デフォルトの名無しさん [sage] 2021/08/28(土) 10:59:30.05 ID:4fr1GGj/ >>136 初学者は > useCallback()を使わなければならないと思いこんでいる で丁度いい http://mevius.5ch.net/test/read.cgi/tech/1552134567/139
140: デフォルトの名無しさん [] 2021/08/28(土) 11:35:50.02 ID:5cd2kTad >>139 その心は？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/140
141: デフォルトの名無しさん [sage] 2021/08/28(土) 12:30:31.08 ID:fYYl/4Rj >>140 不要なuseCallbackを書いても実害はない 超大規模ならチリツモでパフォーマンスに影響あるかもしれないが初学者には関係ない 対して必要なuseCallbackを忘れるとuseEffectやReact.memoに影響しうるが初学者には気付きにくい 最初は愚直にuseCallback書いて後から不要なケースを学べばいい http://mevius.5ch.net/test/read.cgi/tech/1552134567/141
142: デフォルトの名無しさん [sage] 2021/08/28(土) 13:47:14.15 ID:17Xf1f5F >>141 なるほど！ その意味であえて関数名もそうしたんだろうか... http://mevius.5ch.net/test/read.cgi/tech/1552134567/142
143: デフォルトの名無しさん [] 2021/08/28(土) 23:14:15.55 ID:5cd2kTad https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889 "カスタムフックは技術的にはReact機能ではない" って ステートレス関数に状態を保持する機能が jsに元よりあるという事でしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/143
144: デフォルトの名無しさん [sage] 2021/08/28(土) 23:39:41.08 ID:tYNkdatt カスタムフック===ユーザー定義フック 利用者(アプリケーション)で定義するものであってReactが提供する機能ではない http://mevius.5ch.net/test/read.cgi/tech/1552134567/144
145: デフォルトの名無しさん [] 2021/08/29(日) 00:17:55.75 ID:V85oGWwE >>144 それは了解してた！（質問を間違えた！） フックを実現する技術（ステートレス関数に状態を保持する機能）は ＪＳに元からあるという記述が公式にあったようにおもうのだけれど、 それは何？って事が言いたかった... http://mevius.5ch.net/test/read.cgi/tech/1552134567/145
146: デフォルトの名無しさん [] 2021/08/29(日) 01:51:35.47 ID:V85oGWwE >>145 前のリンクの文意から推察するに、フックはreactの特別な機能じゃなく JSのクロージャーと array.push と array.pop とかで実装できるって事かな？ 誤りありましたらご指摘下さい http://mevius.5ch.net/test/read.cgi/tech/1552134567/146
147: デフォルトの名無しさん [sage] 2021/08/29(日) 03:34:12.05 ID:pzZWZODD 引用しろボケカス http://mevius.5ch.net/test/read.cgi/tech/1552134567/147
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 334 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.014s