在反应中定义可选 propTypes 的最佳方法是什么？

Question

我有一个可选的 propType

static defaultProps = {
   onSort: undefined, // undefined | () => {}
}

如果未定义，我们将undefined在调用函数之前进行检查。

_handleSort = () => {
   this.props.onSort && this.props.onSort()
}

那么，我如何处理 type 的 propType Function | undefined。我应该在调用函数之前检查 undefined 还是定义默认函数() => {}

Answer 1

static propTypes = {
  onSort: PropTypes.oneOfType([
    PropTypes.func,
    PropTypes.any
  ])
}

然后检查是否onSort存在。

if (this.props.onSort) {
  //do something
}

或者

propTypes像这样定义：

static propTypes = {
  onSort: PropTypes.func
}

然后有一个onSort像这样的默认值：

static defaultProps = {
   onSort: () => null
}

Answer 2

static defaultProps = {
  onSort: PropTypes.func,
}
if(this.props.onSort){
  //do something
}

那这个呢？因此，您在调用/使用该属性之前检查该属性是正确的。