嘮叨幾句啦

成都創(chuàng)新互聯主要從事做網站、成都網站建設、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務瀘縣,10年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

在看程墨老師的深入淺出高階組件，開頭一點提了一個需要，創(chuàng)建兩個高階組件，一個能給傳入的元素自定義添加props，一個是刪除特定的props。我剛剛做了一下，發(fā)現高階組件需要區(qū)分好傳入的是class還是react element, 同時也需要注意好return回去的是啥。順便提一下高階組件的概念，就說一個函數，能夠接受一個組件作為參數，然后返回的時候，這個組件就帶有這個高階組件給的某些特性。我理解就跟掉泥坑了，得帶點土出來一個道理。

對比一下兩個組件，貼代碼時刻來啦

刪除屬性的高階組件

我們需要傳入任何組件和參數，都把user參數給刪除了，所以返回值是一個接收props屬性的函數。

import React from "react"

function removeUserProp(WrappedComponent) {
  return function newRender(props) {
    const {user, ...otherProps} = props;// 刪除user這個屬性值
    return 
  }
}

export default removeUserProp

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前題目：react高階組件添加和刪除props-創(chuàng)新互聯
分享鏈接：http://weahome.cn/article/jhphd.html