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做到这React.PropTypes.shape 。

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