React PropTypes 文件类型

【问题标题】：React PropTypes File typeReact PropTypes 文件类型
【发布时间】：2021-02-05 15:36:43
【问题描述】：

如何使用 Proptypes 检查传递的 prop 是否为 File 类型？

使用 PropTypes.instanceOf(File) ReferenceError: File is not defined 失败

注意： new File()构造函数和typeOf someVar === File不要抛出提到的引用错误

【问题讨论】：

PropTypes.instanceOf(File) 确实为我工作...

标签： reactjs react-proptypes

【解决方案1】：

源于此：https://www.w3.org/TR/FileAPI/#file-section 所以你可以做的是检查对象是否有一个属性是 name 并且是一个字符串：像这样：

const isFile = function(props, propName, componentName) {
  const retVal = typeof props[propName].name == 'string';
  return new Error(
        `Invalid prop ${propFullName} supplied to ${componentName}. It is not a File.`
      );
}
Component.propTypes = {
   onClick: isFile(1) 
}

【讨论】：