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
    })
}