React Proptypes - 无状态组件

Question

<div className="dm-inbox-item__project">{props.message.project}</div>

我试图在无状态组件中设置propTypes，并希望为消息上的属性定义propTypes。目前，我只是成功地定义了整个消息。

InboxItem.propTypes = {
  message: PropTypes.string.isRequired,
};

我想做类似下面的事情，以便单独验证。

Inbox.propTypes = {
  message.project: Proptypes.string.isRequired,
};

任何想法都会受到赞赏。

Answer 1

您可以使用React.PropTypes.shape。

执行此操作

Inbox.propTypes = {
    message: React.PropTypes.shape({
      project: React.PropTypes.string.isRequired
    })
}