我在单独的文件中创建了两个模型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 });
但是,当我重写cities
as时
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
?
在您的代码中:
let City = PropTypes.shape({ name: React.PropTypes.string, population: PropTypes.number });
您使用的是哪个版本的React?您正在从React.PropTypes和PropTypes引用PropType。您如何导入PropTypes?您是否在使用prop-types包?
我正在使用类似的方案,它适用于我。您的渲染效果如何,为道具提供的数据是什么?
对我来说,以下绝对有效:
cities: PropTypes.arrayOf(City)