反应与形状proptype阵列

本文介绍了反应与形状proptype阵列的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有一种使用proptypes确保对象数组被传递到部件内置方式实际上是一个特定形状的对象的数组

Is there a built-in way to use proptypes to ensure that an array of objects being passed to a component is actually an array of objects of a specific shape?

也许这样的事情？

annotationRanges: PropTypes.array(PropTypes.shape({
    start: PropTypes.number.isRequired,
    end: PropTypes.number.isRequired,
})),

我缺少的东西超明显吗？看起来这将是非常抢手。

Am I missing something super obvious here? Seems like this would be highly sought after.

推荐答案

您可以使用 React.PropTypes.shape（）作为参数传递给 React.PropTypes.arrayOf（）：

You can use React.PropTypes.shape() as an argument to React.PropTypes.arrayOf():

// an array of a particular shape.
ReactComponent.propTypes = {
   arrayWithShape: React.PropTypes.arrayOf(React.PropTypes.shape({
     color: React.PropTypes.string.isRequired,
     fontSize: React.PropTypes.number.isRequired,
   })).isRequired,
}

查看道具验证部分。

这篇关于反应与形状proptype阵列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！