React

【React】ボタンの二重クリックを制御する

実務でよく使うダブルクリック制御をまとめます。二重送信によるデータの重複登録が懸念される案件が多かったので、設計時に仕様に含めることをおすすめします。特に、決済の二重登録は重大なインシデントになります。今回は、React RouterとシンプルなReactを使った2パターンをまとめました。 ...

React（JSX）において、論理積演算子「&&」を用いた条件付きレンダリングを行う際、意図しない「0」が出力されてしまう事象が発生しました。この記事では、その実際のコードと問題点・解決策をまとめています。 ...

Reactでコンポーネントを設計している際、値が空のときはPropsのキー自体を渡したくない（undefinedを渡したくない）場面がありました。例えば、HTML属性に余計な属性を付与したくない場合や、子コンポーネント側でdefaultPropsを適用させたい場合です。 ...