react自定義元件屬性型別檢測

2022-03-06 18:13:02 字數 393 閱讀 8721

react當中的props-type用來檢測傳入元件當中的資料是否符合元件的要求,但是之前的只是能做些簡單常規的判斷,如果需要做複雜的判斷,就需要使用到自定義函式來做型別檢測了。

下面是官網的例子

customprop: function(props, propname, componentname) 

},

props引數為傳入的屬性,propsname為當前檢測的屬性,componentname為當前元件的名稱

imgconfig是我寫的自定義函式,用來判斷傳入的imgconfig屬性是否是json物件或者是陣列,不是的話,就返回資料檢測錯誤

自定義React元件

如果還沒有專案,請看建立umi專案 訪問http localhost 8000實際由src pages index.js渲染,內容為 export default function 使用antd新增乙個輸入框和乙個按鈕 import from antd export default function...

react 自定義日曆元件

基於hooks開發的自定義日曆元件,可以根據自己需要修改 params searchbar 搜尋引數 列表資料 description 修改請備註 location grey const main props 獲取當前年份 const getfullyear date date number con...

react入門 筆記 自定義元件

方式1 工廠函式元件 簡單元件 text babel 1.定義元件 方式1 工廠函式元件 簡單元件 function mycomponent 2.渲染元件標籤 reactdom.render document.getelementbyid example1 script 方式2 es6類元件 複雜元...