小编Anu*_*nuj的帖子

通过自定义检查扩展反应道具类型验证

我正在尝试对组件中的数组 prop进行 propTypes 验证。我的 propTypes 验证看起来像这样

Foo.propTypes = {
 columns: PropTypes.arrayOf(
    PropTypes.shape({
      identifier: PropTypes.string,
      displayName: PropTypes.string,
      type: PropTypes.string,
      align: PropTypes.oneOf(['right', 'left', 'center']),
      sort: PropTypes.bool
    })
  )
}
Run Code Online (Sandbox Code Playgroud)

现在我想通过自定义验证来扩展此验证,方法是验证列数组中的sort属性应该只有一个值true

我的一种选择是为整个列数组编写自定义验证,这将执行PropTypes.arrayOfPropTypes.shape验证,然后进行sort验证并抛出errornull

但我不想做返工,想利用内置React.PropTypes来做所有的验证,然后添加我的自定义验证

reactjs react-proptypes

4
推荐指数
1
解决办法
1081
查看次数

标签 统计

react-proptypes ×1

reactjs ×1