TypeScript react.PropTypes类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中react.PropTypes类的典型用法代码示例。如果您正苦于以下问题：TypeScript PropTypes类的具体用法？TypeScript PropTypes怎么用？TypeScript PropTypes使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了PropTypes类的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的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)

开发者ID:maolion，项目名称:mao-rn-android-kit，代码行数:31，代码来源:types.ts

示例2: require

import * as React from 'react'

import {PureRender} from "./pure-render"
const omitBy = require('lodash/omitBy')
const isUndefined = require('lodash/isUndefined')
const defaults = require('lodash/defaults')

export type RenderFunction = (props?:any, children?:any) => Element
export type Element = React.ReactElement<any>
export type RenderComponentType<P> = React.ComponentClass<P> | React.ClassicComponentClass<P> | Element | RenderFunction;

export const RenderComponentPropType = React.PropTypes.oneOfType([
  function(props:any, propName: string, componentName: string) {
    return isUndefined(props[propName]) || (props[propName]["prototype"] instanceof React.Component)
  },
  React.PropTypes.element,
  React.PropTypes.func,
])

export function renderComponent(component:RenderComponentType<any>, props={}, children=null){
  let isReactComponent = (
    component["prototype"] instanceof React.Component ||
    (component["prototype"] && component["prototype"].isReactComponent) ||
    typeof component === 'function'
  )
  if (isReactComponent){
    return React.createElement(
      component as React.ComponentClass<any>,
      props, children
    )
  } else if (React.isValidElement(component)){

开发者ID:Nostres，项目名称:searchkit-redux，代码行数:31，代码来源:RenderComponent.ts

示例3: defaults

  title: string
  id: string
  containerComponent?: RenderComponentType<any>
  itemComponent?: RenderComponentType<ItemProps>
  listComponent?: RenderComponentType<ListProps>
  orderKey?: string
  orderDirection?: string
  include?: Array<string> | string
  exclude?: Array<string> | string
  showCount?: boolean
  showMore?:boolean
}

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([

开发者ID:BenJamesbabala，项目名称:searchkit，代码行数:31，代码来源:FacetFilterProps.ts

示例4:

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
};

开发者ID:briann，项目名称:react-layered-chart，代码行数:16，代码来源:propTypes.ts

示例5: defaults

  itemComponent?: RenderComponentType<ItemProps>
  listComponent?: RenderComponentType<ListProps>
  orderKey?: string
  orderDirection?: string
  include?: Array<string> | string
  exclude?: Array<string> | string
  showCount?: boolean
  showMore?:boolean
  fieldOptions?:FieldOptions,
  countFormatter?:(count:number)=> number | string
  bucketsTransform?:Function
}

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([

开发者ID:Nostres，项目名称:searchkit-redux，代码行数:31，代码来源:FacetFilterProps.ts

示例6:

import { PropTypes } from 'react';
import { ViewProperties, View } from 'react-native';

export interface LayoutParams {
    width?: number | "match_parent" | "wrap_parent";
    height?: number | "match_parent" | "wrap_content";
}

export const LayoutParams = { 
    width: PropTypes.oneOfType([
        PropTypes.number,
        PropTypes.oneOf(["match_parent", "wrap_content"])
    ]),
    height: PropTypes.oneOfType([
        PropTypes.number,
        PropTypes.oneOf(["match_parent", "wrap_content"])
    ])
}

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
});

开发者ID:lihongjiang，项目名称:mao-rn-android-kit，代码行数:30，代码来源:types.ts

示例7:

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)

开发者ID:abe732，项目名称:react-layered-chart，代码行数:31，代码来源:propTypes.ts

注：本文中的react.PropTypes类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。