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>