資訊專欄INFORMATION COLUMN
摘要：是中用來(lái)對(duì)參數(shù)進(jìn)行類型檢測(cè)的，當(dāng)然要使用這個(gè)插件，得先安裝這個(gè)插件，如下但是如果你是直接用創(chuàng)建的項(xiàng)目，無(wú)需安裝，直接引入即可，如下上面那個(gè)例子中可以看出，要引入組件，必須得傳入?yún)?shù)類型為字符串的參數(shù)，否則會(huì)報(bào)錯(cuò)常用的數(shù)據(jù)類型檢測(cè)如下
propTypes是react中用來(lái)對(duì)參數(shù)進(jìn)行類型檢測(cè)的，當(dāng)然要使用這個(gè)插件，得先安裝這個(gè)插件，如下：
npm install prop-types --save
但是如果你是直接用dva創(chuàng)建的項(xiàng)目，無(wú)需安裝，直接引入即可，如下：
import React from "react";
import PropTypes from "prop-types";
class PropType extends React.Component {
render() {
return (
123
{this.props.content}
)
}
}
PropType.propTypes = {
content:PropTypes.string.isRequired
}
export default PropType;
上面那個(gè)例子中可以看出，要引入組件PropType，必須得傳入?yún)?shù)類型為字符串的content參數(shù)，否則會(huì)報(bào)錯(cuò)
import React from "react";
import { connect } from "dva";
import PropType from "./propTypes/propTypes.js"
function IndexPage() {
return (
);
}
IndexPage.propTypes = {
};
export default connect()(IndexPage);
PropTypes常用的數(shù)據(jù)類型檢測(cè)如下：
字符串類型PropTypes.string
布爾類型PropTypes.bool
函數(shù)類型PropTypes.func
數(shù)組類型PropTypes.array
數(shù)字類型PropTypes.number
對(duì)象類型PropTypes.object
元素PropTypes.element
傳入任何東西都可以PropTypes.node
選擇特定值PropTypes.oneOf(["是", "否", "是否"])
選擇諸多類型中的一種（任意類型）PropTypes.oneOfType：
PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]),
11.具有某種類型的數(shù)組PropTypes.arrayOf(PropTypes.number)：
PropTypes.arrayOf(PropTypes.number)
12.具有某種類型屬性值的對(duì)象PropTypes.objectOf(React.PropTypes.number)
PropTypes.objectOf(React.PropTypes.number)
13.樣式類型PropTypes.shape
PropTypes.shape({
color: PropTypes.string,
fontSize: PropTypes.number
})
14.任何數(shù)據(jù)類型PropTypes.any.isRequired
注意： isRequired表示必要的參數(shù)，如果設(shè)置了isRequired沒(méi)有參數(shù)傳過(guò)來(lái)，則會(huì)報(bào)錯(cuò)
PropTypes比較常用的應(yīng)該就是以上那些類型了，如果后期有新發(fā)現(xiàn)會(huì)不間斷更新文章。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97130.html
摘要：主要用于構(gòu)建，很多人認(rèn)為是中的視圖。函數(shù)接受另一個(gè)函數(shù)作為參數(shù)，返回新生成的對(duì)象的變化，會(huì)導(dǎo)致的變化。用戶無(wú)法直接改變只能觸發(fā)上綁定的事件。表示應(yīng)該要發(fā)生變化了。允許使用方法設(shè)置監(jiān)聽函數(shù)，一旦發(fā)生變化，就自動(dòng)執(zhí)行這個(gè)函數(shù)。 什么是react React 是一個(gè)用于構(gòu)建用戶界面的 JAVASCRIPT 庫(kù)。React主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V（視圖）。...
摘要：給賦值也是構(gòu)造函數(shù)的工作之一。在的構(gòu)造函數(shù)中，還給兩個(gè)成員函數(shù)綁定了當(dāng)前的執(zhí)行環(huán)境，因?yàn)榉绞絼?chuàng)建的組件并不自動(dòng)給我們綁定到當(dāng)前實(shí)例對(duì)象。我們可以利用的功能，避免判斷邏輯這種充斥在構(gòu)造函數(shù)之中，讓代碼更優(yōu)。 React系列---React（一）初識(shí)ReactReact系列---React（二）組件的prop和stateReact系列---React（三）組件的生命周期 組件是React...
摘要：最佳實(shí)踐一個(gè)文件一個(gè)組件。，這是包含的是無(wú)副作用的純函數(shù)式計(jì)算狀態(tài)操作的函數(shù)。，的啟動(dòng)腳本，啟動(dòng)開發(fā)模式，項(xiàng)目打包，運(yùn)行單元測(cè)試等等。每次代碼推送到之前也會(huì)執(zhí)行所有單元測(cè)試用例，全部通過(guò)才可以繼續(xù)推送。，首次安裝依賴包之后生成的文件。 前段時(shí)間 React license 的問(wèn)題鬧的沸沸揚(yáng)揚(yáng)，搞得 React 社區(qū)人心惶惶，好在最終 React 團(tuán)隊(duì)聽取了社區(qū)意見把 license 換...
摘要：面試時(shí)間晚上時(shí)長(zhǎng)小時(shí)分鐘公司，一面一簡(jiǎn)單的介紹下自己介紹的真的很簡(jiǎn)單。。。。。。二平時(shí)都是怎么學(xué)習(xí)前端的學(xué)習(xí)前端的話，我主要是以書籍為主然后是網(wǎng)站視頻博客文檔等學(xué)習(xí)理論，之后再通過(guò)代碼實(shí)踐。。。 大概是在6月11號(hào)在Boss直聘投的簡(jiǎn)歷，6月12號(hào)中午收到電話約的面試時(shí)間，剛開始說(shuō)是13號(hào)晚上7點(diǎn)；后面可能時(shí)間有變，中午來(lái)了個(gè)電話說(shuō)改到9-10點(diǎn)；怎么說(shuō)算是第一次面試自己目標(biāo)公司之一吧...
摘要：面試時(shí)間晚上時(shí)長(zhǎng)小時(shí)分鐘公司，一面一簡(jiǎn)單的介紹下自己介紹的真的很簡(jiǎn)單。。。。。。二平時(shí)都是怎么學(xué)習(xí)前端的學(xué)習(xí)前端的話，我主要是以書籍為主然后是網(wǎng)站視頻博客文檔等學(xué)習(xí)理論，之后再通過(guò)代碼實(shí)踐。。。 大概是在6月11號(hào)在Boss直聘投的簡(jiǎn)歷，6月12號(hào)中午收到電話約的面試時(shí)間，剛開始說(shuō)是13號(hào)晚上7點(diǎn)；后面可能時(shí)間有變，中午來(lái)了個(gè)電話說(shuō)改到9-10點(diǎn)；怎么說(shuō)算是第一次面試自己目標(biāo)公司之一吧...
閱讀 2362·2021-11-25 09:43
閱讀 2870·2021-11-24 09:39
閱讀 2936·2019-08-30 11:10
閱讀 1143·2019-08-29 16:34
閱讀 606·2019-08-29 13:25
閱讀 3367·2019-08-29 11:21
閱讀 2869·2019-08-26 11:39
閱讀 2401·2019-08-26 11:34
