JavaScript React PropTypes.numberの例

コード例 #1

ファイル: BlobLine.js プロジェクト: aslafy-z/sourcegraph

	lineNumber: (props, propName, componentName) => {
		let v = React.PropTypes.number(props, propName, componentName);
		if (v) return v;
		if (typeof props.lineNumber !== "undefined" && (typeof props.oldLineNumber !== "undefined" || typeof props.newLineNumber !== "undefined")) {
			return new Error("If lineNumber is set, then oldLineNumber/newLineNumber (which are for diff hunks) may not be used");
		}
	},

コード例 #2

ファイル: slider.js プロジェクト: sparkymat/youhaveto-react

var valueInRangePropType = function valueInRangePropType(props, propName, componentName) {
  var error = React.PropTypes.number(props, propName, componentName);
  if (error !== null) return error;

  var value = props[propName];
  if (value < props.min || props.max < value) {
    return new Error(propName + ' should be within the range specified by min and max');
  }
};

コード例 #3

ファイル: slider.js プロジェクト: sparkymat/youhaveto-react

var minMaxPropType = function minMaxPropType(props, propName, componentName) {
  var error = React.PropTypes.number(props, propName, componentName);
  if (error !== null) return error;

  if (props.min >= props.max) {
    var errorMsg = propName === 'min' ? 'min should be less than max' : 'max should be greater than min';
    return new Error(errorMsg);
  }
};

コード例 #4

ファイル: prop-types.js プロジェクト: cpb/victory-util

export const integer = makeChainable((props, propName, componentName) => {
  const error = PropTypes.number(props, propName, componentName);
  if (error) {
    return error;
  }
  const value = props[propName];
  if (value % 1 !== 0) {
    return new Error(
      `\`${propName}\` in \`${componentName}\` must be an integer.`
    );
  }
});

コード例 #5

ファイル: prop-types.js プロジェクト: cpb/victory-util

export const nonNegative = makeChainable((props, propName, componentName) => {
  const error = PropTypes.number(props, propName, componentName);
  if (error) {
    return error;
  }
  const value = props[propName];
  if (value < 0) {
    return new Error(
      `\`${propName}\` in \`${componentName}\` must be non-negative.`
    );
  }
});

コード例 #6

ファイル: prop-types.js プロジェクト: netikular/victory-core

 greaterThanZero: makeChainable((props, propName, componentName) => {
   const error = PropTypes.number(props, propName, componentName);
   if (error) {
     return error;
   }
   const value = props[propName];
   if (value <= 0) {
     return new Error(
       `\`${propName}\` in \`${componentName}\` must be greater than zero.`
     );
   }
 }),

コード例 #7

ファイル: GridItem.js プロジェクト: armkung/react-grid-layout

 maxH: function maxH(props, propName, componentName, location, propFullName) {
   _react.PropTypes.number(props, propName, componentName, location, propFullName);
   var value = props[propName];
   if (value < props.h || value < props.minH) return new Error('maxHeight smaller than item height/minHeight');
 },

コード例 #8

ファイル: GridItem.js プロジェクト: armkung/react-grid-layout

 maxW: function maxW(props, propName, componentName, location, propFullName) {
   _react.PropTypes.number(props, propName, componentName, location, propFullName);
   var value = props[propName];
   if (value < props.w || value < props.minW) return new Error('maxWidth smaller than item width/minWidth');
 },