PropTypes检查特定的孩子，例如 ， 等

Question

比方说，我有以下简单的组件：

const List = ({ children, ...props }) => (
  <ul {...props}>
    {children}
  </ul>
);

相应的propTypes为以下：

List.propTypes = {
  children: PropTypes.node
};

我如何使propTypes更具体？这样它就可以接受一个或多个<li>（<li>中有任何内容），但不能接受例如<div>？

类似于这些示例：

<List>
  <li>Singe item</li>
</List>

<List>
  <li>First item</li>
  <li>Second item</li>
</List>

谢谢您的帮助！

Answer 1

很好的问题！保持简单，也许您应该尝试使用Fragment。例如

<List>
 <Fragment>
  <li>First item</li>
  <li>Second item</li>
 </Fragment>
</List>