javascript - React.PropTypes.number 随最小值和最大值 float

Question

completed: React.PropTypes.number,

我可以在 React 组件中指定一个数字 props 的最小值和最大值吗？

预期如下:

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

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

尝试:

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

但是，我希望 completed Prop 也接受 float ，而现在它只接受整数。

如何结合以下约束:

• prop 是数字(整数、 float 、 double ...任何数字)

• 介于 MIN 和 MAX 之间

Answer 1

您可以使用自定义验证。

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