React.PropTypes.number float，最小和最大 [英] React.PropTypes.number float with min and max

问题描述

completed: React.PropTypes.number,

可以我在React组件中指定最小值和最大值到道具。

Can i specify a minimum and maximum to a number props in React component.

预期如下所示：

completed: React.PropTypes.numberBetween(min, max),

我生成一个数组来指定范围

I generate an array to specify the range

尝试：

completed: React.PropTypes.oneOf(Array.from({length: max -min+1, (v, k) => k + min})),

但是，我想要完成道具接受也是float，而现在只接受整数。

However , i want completed props to accept also float as well , whereas , it accepts only integer now .

如何组合以下约束：

• prop 是MIN和MAX之间的数字（integer，float，double，... any number）

• prop is number ( integer, float, double,...any number)

between MIN and MAX

推荐答案

您可以使用自定义验证。

You can use Custom Validation.

completed: function(props, propName, componentName) {
   if(props[propName] < MIN || props[propName] > MAX) {
      return new Error('Invalid');
   }
}

这篇关于React.PropTypes.number float，最小和最大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！