reactjs – 具有特定长度的React.PropTypes数组

发布时间：2020-12-15 05:05:12 所属栏目：百科来源：网络整理

导读：是否可以使用Rect.PropTypes来强制数组的长度？这是一个非常简单的案例： const TWO_NUMBERS = PropTypes.array; // i need this to be an array of two numbers 我知道在javascript数组中只是对象所以我试过这个： const TWO_NUMBERS = PropTypes.shape({

是否可以使用Rect.PropTypes来强制数组的长度？

这是一个非常简单的案例：

const TWO_NUMBERS = PropTypes.array; // i need this to be an array of two numbers

我知道在javascript数组中只是对象所以我试过这个：

const TWO_NUMBERS = PropTypes.shape({
    0: PropTypes.number.isRequired,1: PropTypes.number.isRequired,});

然而,这一直告诉我预期一个对象,但得到一个数组.

在这种情况下,您需要编写自己的特殊PropTypes函数,该函数可以让您做出反应.

const TWO_NUMBERS = function(props,propName,componentName) {
  if (!Array.isArray(props.TWO_NUMBERS) || props.TWO_NUMBERS.length != 2 || !props.TWO_NUMBERS.every(Number.isInteger)) {
    return new Error(`${propName} needs to be an array of two numbers`);
  }

  return null
}

如果TWO_NUMBERS不是数组,不是2的数组,并且不是只有整数的数组,则会抛出错误.

你可以在这里获得有关proptype函数的信息：

https://facebook.github.io/react/docs/typechecking-with-proptypes.html#react.proptypes

它位于该示例块的底部.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!