javascript - 在 react 中定义可选 propTypes 的最佳方式是什么？

Question

我有一个可选的 propType

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

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

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

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

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
}