React と React Native のスレ (481ﾚｽ)
React と React Native のスレ http://mevius.5ch.net/test/read.cgi/tech/1552134567/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
168: デフォルトの名無しさん [] 2021/09/25(土) 21:39:38.06 ID:h7oOvGYh 言った直後にまんまのがあった... awesome-react awesome-react-components 笑 http://mevius.5ch.net/test/read.cgi/tech/1552134567/168
169: デフォルトの名無しさん [sage] 2021/09/25(土) 23:03:28.71 ID:PknKU9DC awesome-react-hooksとかawesome-reduxとか思いつくのはだいたいあるキガス http://mevius.5ch.net/test/read.cgi/tech/1552134567/169
170: デフォルトの名無しさん [sage] 2021/09/27(月) 11:55:16.25 ID:DYuWVLW4 JSだとホットリロードが機能するけどTSだと機能しないのだけど これはTSの自動トランスパイルが機能してないってことですかね？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/170
171: デフォルトの名無しさん [sage] 2021/09/27(月) 11:57:06.64 ID:ZRFQgXut >>170 ？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/171
172: デフォルトの名無しさん [sage] 2021/09/27(月) 12:09:11.49 ID:DYuWVLW4 再起動したら直ったわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/172
173: デフォルトの名無しさん [sage] 2021/09/28(火) 17:29:52.40 ID:s3NqJ5bC reactのコンポーネントにクリックとかのイベント処理を付ける時って、onClick＝｛clickHandler｝みたいに書くじゃない このclickHandlerの処理の中でコンポーネントに渡してある属性を参照したいときってどう書くんだ？ clickHandlerを関数を返す関数にして、 clickHandler ＝（props）＝＞ () ＝＞｛‥｝ コンポーネントにはonClick＝｛clickHandler(props)｝ってやればできるんだけど、これだとuseCallbackが使えなくて毎回レンダリングし直されちゃうんだよな event.targetはネイティブのDOMの情報しか載ってこないし、誰か教えてえろいひと http://mevius.5ch.net/test/read.cgi/tech/1552134567/173
174: デフォルトの名無しさん [sage] 2021/09/28(火) 18:22:37.60 ID:Tl6wB3bi >>173 JSの基本機能にクロージャーというのがあってだな なんと！clickHandlerの中から外(つまりコンポーネント)の変数を参照できるんだよ！ const clickHandler = () => { console.log(props.xxx) } useCallback使ってるならdepsに並べる const clickHandler = useCallback(() => { console.log(props.xxx) }, [props.xxx]) http://mevius.5ch.net/test/read.cgi/tech/1552134567/174
175: デフォルトの名無しさん [sage] 2021/09/28(火) 21:49:04.22 ID:s3NqJ5bC >>174 変数名をpropsにしたのが紛らわしかったかもしれんが ｛arr.map((v)＝＞｛ ＜ComponentA key＝v.Id onClick＝｛clickHandler｝ /＞ ｝)｝ みたいなことをやってるときにclickHandlerの処理の中でvを参照するにはどうしたらいいのかな？っていうのが聞きたいことなんだが、クロージャ？にあたるのか？ 分かりにくくてスマン http://mevius.5ch.net/test/read.cgi/tech/1552134567/175
176: デフォルトの名無しさん [sage] 2021/09/28(火) 22:23:47.81 ID:yTRBGUiM memo 化したコンポーネントで ComponentA をラップし props と clickHandler を受け取って onClick=｛() => clickHandler(props)} とする http://mevius.5ch.net/test/read.cgi/tech/1552134567/176
177: デフォルトの名無しさん [sage] 2021/09/28(火) 22:25:37.88 ID:84Zwu3SC >>175 それならComponentAにvを渡してその中で onXxx={(ev) => clickHandler(ev, v)} http://mevius.5ch.net/test/read.cgi/tech/1552134567/177
178: デフォルトの名無しさん [sage] 2021/09/28(火) 23:04:47.64 ID:s3NqJ5bC >>176 なーるほどなぁ、面倒だけど確かにそれならできそう >>177 おー？これはuseCallbackで包めるんか？ちょっと明日試してみるわ おまえらthx http://mevius.5ch.net/test/read.cgi/tech/1552134567/178
179: デフォルトの名無しさん [sage] 2021/09/28(火) 23:30:14.37 ID:pKLoFE48 >>178 input等のdomにマップされるコンポーネントに直接渡す関数をuseCallbackする必要はない http://mevius.5ch.net/test/read.cgi/tech/1552134567/179
180: デフォルトの名無しさん [sage] 2021/09/29(水) 23:01:40.05 ID:lzBphG+K >>177 あ、これ>>176と同じこと言ってるんか、勘違いしてたわ このためにラップしたコンポーネントを作らなきゃいけないってのはなんかイマイチだけどそれくらいしかなさそうね。ありがとう http://mevius.5ch.net/test/read.cgi/tech/1552134567/180
181: デフォルトの名無しさん [sage] 2021/09/29(水) 23:13:02.36 ID:VRCLPgDh >>180 え？177は俺だけどラップしたコンポーネントってなんのことかわからねーぞw ComponentAもおまえが作ってるんならそんなのいらないだろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/181
182: デフォルトの名無しさん [sage] 2021/09/30(木) 12:42:41.23 ID:TAcHeIwJ componentAが自作かそうでないかに関わらず言ってることは同じだわな どちらも子コンポーネント内で実装しないといけないことを言ってるんだから http://mevius.5ch.net/test/read.cgi/tech/1552134567/182
183: デフォルトの名無しさん [sage] 2021/09/30(木) 14:23:21.02 ID:uxDakMZz 質問主はどう見ても>>155なんだから自作前提でよくて余計なことは省いた方がいいと思うね http://mevius.5ch.net/test/read.cgi/tech/1552134567/183
184: デフォルトの名無しさん [sage] 2021/10/03(日) 21:36:14.94 ID:9xTT9AKy material-uiのspeed dialをネストしたいんだけど無理かな？speed dial actionの代わりにspeed dialそのものを子に持ちたい http://mevius.5ch.net/test/read.cgi/tech/1552134567/184
185: デフォルトの名無しさん [] 2021/10/19(火) 10:58:01.20 ID:I/uBXkGk VSCodeでsassファイル保存時に自動フォーマット掛けたいですけどそれ出来る拡張ありますか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/185
186: デフォルトの名無しさん [] 2021/10/20(水) 21:47:12.22 ID:VGECjsMp >>185 marketplace.visualstudio.com/items?itemName=BdSoftware.format-on-auto-save 標準搭載してほしいわ http://mevius.5ch.net/test/read.cgi/tech/1552134567/186
187: デフォルトの名無しさん [sage] 2021/11/09(火) 10:45:02.06 ID:tf9NUtHx イベントと副作用フックどっちでもいい時に、どちらを優先して使うほうがより良いとかってある？ keyを入力するテキスト入力欄、valueを表示するテキスト表示欄がある keyが変化するとデータを鯖から取ってきてvalueに設定したい 副作用フックでkeyを監視するか、key入力欄の変更通知イベントを使うか、どっちでもいいけど、どちらかというとどっちが良いか？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/187
188: デフォルトの名無しさん [sage] 2021/11/09(火) 11:13:14.15 ID:ppTxKkYh 入力欄の変更イベントで十分だろ そしてuseDefferedValue経由の値でサーバを叩く http://mevius.5ch.net/test/read.cgi/tech/1552134567/188
189: デフォルトの名無しさん [sage] 2021/11/17(水) 09:45:52.91 ID:gjeYELEc 素朴な疑問 状態を持ったり副作用を持ったりするコンポーネントってぶっちゃけclassのほうが可読性いいよね？ フックは書く時は楽だけど後で見るとナンジャコラ？ってなる http://mevius.5ch.net/test/read.cgi/tech/1552134567/189
190: デフォルトの名無しさん [sage] 2021/11/17(水) 10:40:45.63 ID:yi3gjxGP >>110を読んでないってわかんだよね http://mevius.5ch.net/test/read.cgi/tech/1552134567/190
191: デフォルトの名無しさん [sage] 2021/11/17(水) 11:55:31.75 ID:gjeYELEc 例えばの話、コンポーネントの初期化処理と終了処理はどこでやるの？って新人の疑問に対して classコンポーネントなら 見たまんまcomponentDidMount、componentWillUnmountだよ このメソッドを用意しとくとこのコンポーネントを持って管理してるフレームワークさんが、 いい感じのタイミングで呼び出してくれるよ こう教えてやれば、直感ですぐさまなるほど、と理解して貰える しかし関数コンポーネントでは純粋関数とは何か、副作用とは何か、フックとは何か、useEffectとは何か、useEffectの引数は何か、引数の戻りの関数は何か ということをよく理解して頭の中で読み替えないといけない なのでじっくり時間をかけて教えても、それでも理解するには時間を要する 関数コンポーネントはこんなのが無数にある だから理解しにくい タイピングの文字数は減るので書くのは楽だ、ということは確かだが 理解しやすさで言うと、ちょっとね、、、 http://mevius.5ch.net/test/read.cgi/tech/1552134567/191
192: デフォルトの名無しさん [sage] 2021/11/17(水) 16:48:12.54 ID:QzSwOiy0 宣言的なReactを命令的に読み替えるんじゃ永遠に理解できないだろうな そういう教え方をされる新人がかわいそうだし同情しかない http://mevius.5ch.net/test/read.cgi/tech/1552134567/192
193: デフォルトの名無しさん [sage] 2021/11/17(水) 20:00:29.63 ID:h3betjKK reactでいくつかのファイルがあって保存(ctrl+s)すると コンパイルしてくれるファイルとしてくれないファイルがあるんだけど違いってなんですか。。。 http://mevius.5ch.net/test/read.cgi/tech/1552134567/193
194: デフォルトの名無しさん [sage] 2021/11/17(水) 20:55:02.32 ID:Wtj2hevs 使ってるide (vscodeとか) のスレで聞け http://mevius.5ch.net/test/read.cgi/tech/1552134567/194
195: デフォルトの名無しさん [sage] 2021/11/17(水) 21:47:40.34 ID:h3+MjybB >>191 クラスって何？メソッドって何？継承って何？ http://mevius.5ch.net/test/read.cgi/tech/1552134567/195
196: デフォルトの名無しさん [sage] 2021/11/17(水) 22:25:06.52 ID:N4+deCyE >>191 クラスだとマウント／アンマウントじゃなくてpropsが変わるたびに開始処理終了処理するってなると全然違うこと教えなきゃダメだろ http://mevius.5ch.net/test/read.cgi/tech/1552134567/196
197: デフォルトの名無しさん [sage] 2021/11/18(木) 00:22:44.81 ID:3dlOBCKi レアクトは宣言的だけど実用的なアプリケーションは全て有状態の手続きの塊じゃん？ ということはレアクトと「この不都合な現実世界」を上手いこと切り離して管理する方法が必要なんだよ それがオブジェクト指向ってわけでね 関数コンポーネントは分離すべき手続きと宣言が渾然一体となっていてわかりにくい オブジェクト指向を使えば オブジェクトとオブジェクトを描画する純粋関数に分離することは容易い それがrenderメソッドな訳だな http://mevius.5ch.net/test/read.cgi/tech/1552134567/197
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 284 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.010s