React概念：組合
什麼是組合，為什麼它是React應用中的關鍵概念？ 在程式設計中，組合允許您通過結合小而專注的函數來構建更複雜的功能。 例如，想象使用map()從初始數組創建新的數組，然後使用filter()過濾結果： const list = ['Apple', 'Orange', 'Egg'] list.map(item => item[0]).filter(item => item === 'A') //'A' 在React中，組合使您能夠享受一些很棒的優勢。 您可以創建小而精簡的組件，並使用它們來組合更多的功能。該怎麼做呢？ 創建組件的專用版本 使用外部組件來擴展和專門化一個更通用的組件： const Button = props => { return <button>{props.text}</button> } const SubmitButton = () => { return <Button text="Submit" /> } const LoginButton = () => { return <Button text="Login" /> } 將方法作為props傳遞 組件可以專注於跟蹤點擊事件，例如，當點擊事件發生時，實際發生的事情由容器組件決定： const Button = props => { return <button onClick={props.onClickHandler}>{props.text}</button> } const LoginButton = props => { return <Button text="Login" onClickHandler={props....