1. ### 什么是高階組件（HOC）? *高階組件*(*HOC*) 就是一個函數，且該函數接受一個組件作為參數，并返回一個新的組件，它只是一種模式，這種模式是由`react`自身的組合性質必然產生的。 我們將它們稱為**純組件**，因為它們可以接受任何動態提供的子組件，但它們不會修改或復制其輸入組件中的任何行為。 ~~~js const EnhancedComponent = higherOrderComponent(WrappedComponent) ~~~ HOC 有很多用例： 1. 代碼復用，邏輯抽象化 2. 渲染劫持 3. 抽象化和操作狀態（`state`） 4. 操作屬性（`props`） > 譯注：更詳細用法請參考[高階組件的使用](https://react.docschina.org/docs/higher-order-components.html) 2. ### 如何為高階組件創建屬性代理? 你可以使用*屬性代理*模式向輸入組件增加或編輯屬性（props）： ~~~js function HOC(WrappedComponent) { return class Test extends Component { render() { const newProps = { title: 'New Header', footer: false, showFeatureX: false, showFeatureY: true }; return <WrappedComponent {...this.props} {...newProps} /> } } } ~~~