React propType指定允许的props值

Question

是否存在一种适当的方法来为React组件的用户指定prop值需要为例如0和100？

Answer 1

您可以为propType提供自定义函数：

propTypes: {
  myProp: function(props, propName, componentName) {
    if (typeof props.myProp === 'undefined') {
      return new Error(
        'Required prop `' + propName + '` was not specified in `' + componentName + '`.'
      );
    }
    else if (props.myProp < 0 || props.myProp > 100) {
      return new Error(
        'Invalid value for `' + propName + '` in `' + componentName + '`.'
      );
    }
  }
}