[筆記] React 撰寫元件時 如何保留留下客製化區塊 ( Vue )

章節連結

Vue 的世界中常見的 slot,是撰寫元件時保留給外部客製化的一塊相當方便的功能。這功能在 React 中,元件內部接受一個 renderFunction,當有這個 Function 時,就渲染其內容,否則就是你的預設內容。

react logo


重點

1. 外部傳入的自定義 Function,可視情況給一個較為通用的命名,讓之後的重複利用會比較方便
2. 若要保持外部傳入的 Props 彈性,可以定義成 [key: string]: any。不過每一頁所用到的 Props 都不相同,寫明會是比較建議的方式。僅將一定要有的特別定義出來,再用聯集的方式取用

程式碼

按讚加入粉絲團

延伸閱讀