将Proptypes.shape传递给Proptypes.arrayOf做出反应

Question

我在单独的文件中创建了两个模型State和City.在该州进口城市.

州内可以有一系列城市.

以下代码工作正常.

State.js

let State = PropTypes.shape({
    name: React.PropTypes.string,
    cities: PropTypes.arrayOf(PropTypes.shape(City))
}); 

City.js

let City = PropTypes.shape({
    name: React.PropTypes.string,
    population: PropTypes.number
}); 

但是,当我重写citiesas时

let State = PropTypes.shape({
    name: React.PropTypes.string,
    cities: PropTypes.arrayOf(City)
}); 

它给了我警告.

摘要:

cities: PropTypes.arrayOf(PropTypes.shape(City)) 作品.

cities: PropTypes.arrayOf(City) 没有.

它给了我以下警告:

Warning: Failed propType: Property xx of component Xx has invalid PropType notation inside arrayOf. Check the render method of Yy.

我的问题是,City是Proptypes.shape,为什么我需要再提Proptypes.shape(City)一次Proptypes.arrayOf？

Answer 1

在您的代码中：

let City = PropTypes.shape({
  name: React.PropTypes.string,
  population: PropTypes.number
}); 

您使用的是哪个版本的React？您正在从React.PropTypes和PropTypes引用PropType。您如何导入PropTypes？您是否在使用prop-types包？

我正在使用类似的方案，它适用于我。您的渲染效果如何，为道具提供的数据是什么？

对我来说，以下绝对有效：

cities: PropTypes.arrayOf(City)