将对象列表作为原型传递

Question

我可以声明prop是类的实例。这使用 JS的instanceof运算符。

  optionalMessage: PropTypes.instanceOf(Message)

是否可以像下面这样声明Message类的列表？有什么解决办法吗？

  optionalMessage: PropTypes.ListOf(Message)

Answer 1

optionalMessage: PropTypes.arrayOf(
   PropTypes.shape({
     classProp1: PropTypes.string,
     classProp2: PropTypes.number,
     classProp3: PropTypes.bool
   })
)

编辑：在渲染功能中渲染此类数据

render() { 
    const { optionalMessage } = this.props;
    return () {
        <div>
            {optionalMessage.map(item => (
                 <li>{item.classProp1} - {item.classProp2}</li>
            ))}
        </div>
    }
}