PropTypes 检查特定的孩子，例如。<li> ,<h1> ， ETC</h1></li>

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>