本文整理汇总了TypeScript中react.PropTypes.shape方法的典型用法代码示例。如果您正苦于以下问题：TypeScript PropTypes.shape方法的具体用法？TypeScript PropTypes.shape怎么用？TypeScript PropTypes.shape使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类react.PropTypes的用法示例。
在下文中一共展示了PropTypes.shape方法的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
width?: number;
height?: number;
}
export const LayoutParams = {
width: PropTypes.number,
height: PropTypes.number
};
export interface ViewGroupProperties extends ViewProperties {
layoutParams?: LayoutParams;
fitsSystemWindows?: boolean;
}
export const ViewGroupProperties = Object.assign({}, View.propTypes, {
layoutParams: PropTypes.shape(LayoutParams as any),
fitsSystemWindows: PropTypes.bool
});
export interface AppBarLayoutParams extends LayoutParams {
scrollFlags?: number;
}
export interface AppBarViewProperties extends ViewGroupProperties {
layoutParams?: AppBarLayoutParams;
}
export const AppBarViewProperties = Object.assign({}, ViewGroupProperties, {
layoutParams: PropTypes.shape(Object.assign({}, LayoutParams, {
scrollFlags: PropTypes.number
}) as any)示例2: defaults
export const FacetFilterPropTypes = defaults({
field: React.PropTypes.string.isRequired,
operator: React.PropTypes.oneOf(["AND", "OR"]),
size: React.PropTypes.number,
title: React.PropTypes.string.isRequired,
id: React.PropTypes.string.isRequired,
containerComponent:RenderComponentPropType,
listComponent:RenderComponentPropType,
itemComponent:RenderComponentPropType,
translations: SearchkitComponent.translationsPropType(
FacetAccessor.translations
),
orderKey: React.PropTypes.string,
orderDirection: React.PropTypes.oneOf(["asc", "desc"]),
include: React.PropTypes.oneOfType([
React.PropTypes.string, React.PropTypes.array
]),
exclude: React.PropTypes.oneOfType([
React.PropTypes.string, React.PropTypes.array
]),
showCount: React.PropTypes.bool,
showMore: React.PropTypes.bool,
fieldOptions:React.PropTypes.shape({
type:React.PropTypes.oneOf(["embedded", "nested", "children"]).isRequired,
options:React.PropTypes.object
}),
countFormatter:React.PropTypes.func,
bucketsTransform:React.PropTypes.func
},SearchkitComponent.propTypes)
示例3:
import * as React from 'react';
export const range = React.PropTypes.shape({
min: React.PropTypes.number.isRequired,
max: React.PropTypes.number.isRequired
});
export const dataPoint = React.PropTypes.shape({
timestamp: React.PropTypes.number.isRequired,
value: React.PropTypes.number.isRequired
});
export default {
range,
dataPoint
};
示例4:
import * as React from 'react';
export const interval = React.PropTypes.shape({
min: React.PropTypes.number.isRequired,
max: React.PropTypes.number.isRequired
});
export const pointDatum = React.PropTypes.shape({
xValue: React.PropTypes.number.isRequired,
yValue: React.PropTypes.number.isRequired
});
export const spanDatum = React.PropTypes.shape({
minXValue: React.PropTypes.number.isRequired,
maxXValue: React.PropTypes.number.isRequired,
yValue: React.PropTypes.number.isRequired
});
export const bucketDatum = React.PropTypes.shape({
minXValue: React.PropTypes.number.isRequired,
maxXValue: React.PropTypes.number.isRequired,
minYValue: React.PropTypes.number.isRequired,
maxYValue: React.PropTypes.number.isRequired,
firstYValue: React.PropTypes.number.isRequired,
lastYValue: React.PropTypes.number.isRequired
});
export const ticks = React.PropTypes.oneOfType([
React.PropTypes.func,
React.PropTypes.number,
React.PropTypes.arrayOf(React.PropTypes.number)