React

Reactでstyleをinlineで書くときの注意点

tl;dr Reactでinlineでstyleを書く時 font-sizeなどpropertyの名前に - が含まれる場合 style={ font-size: "16px" } ↑は動きません style={ fontSize: "16px" } ↑は動きます 困っていたこと Reactで要素の中に直接styleを定義しようとしていました Titleと…

Reactでinputタグの外でsubmitを行う

formの外でsubmitをしたい時ってありませんか? 例えばユーザーにECサイトのフォームに氏名や年齢、電話番号、クレジットカード番号を入力してもらい、 購入ボタンを押した時にモーダルで最後の確認を行う機能を実装するとします (画像は拾い物) モーダルの…

大量にstate定義するときに毎回useStateを使うと辛い

繰り返しけどReactでhooks使って書きたいよね Reactのversionが16.8以降ならHooksを使って書くことができますね (2回目) reactjs.org useStateはいい って話は昨日しました https://zwzw.hatenablog.com/entry/2019/11/24/175427?_ga=2.153461688.1824511460…

React.fragmentを省略する方法

<> ←これ Pull Requestのレビューをしていたらこんなコードにであいました <> <div> foo bar </div> <div> hogehoge fugafuga </div> <> ってなんだろって思って調べたところReact.fragmentの省略形だそうです The only difference is that older versions of the JSX Babel plugi…