オプショナルなReactNode型のpropを正しく扱う - ygkn noteZenn の記事に清書しました：ReactNode型のpropを正しく扱う 〜もう謎の「0」や空要素を見せないために〜 背景 React コンポーネントを作っていると、しばしばオプショナル （任意）な ReactNode 型を受け取る prop を書くことがある 例1：Button に iconを渡したときだけスペースをちょっと開けてアイコンを表示し、渡さなかったら非表示にする <Button icon={<PlusIcon />}>Add</Button> → <button><span style={{marginRight: "0.5rem"}}><PlusIcon /></span>Add</button> <Button>Add</Button> → <button>Add</button> 例2：Checkbox に children を渡したときだけ全体を label でラッ
