组件道具 ReactJS 的 PropType

Question

试图获得关于如何为作为 prop 传递的 React 组件分配 propTypes 的明确答案。

是否有必要检查此道具类型，如果需要，我将如何为以下示例使用道具类型：

import React from "react";
import PropTypes from "prop-types";

import styles from "./NavIcons.module.css";

function NavIcons(props) {
  return (
      <div className={styles.navIcons}>{props.children}</div>
  );
}

NavIcons.propTypes = {
  children: // WHAT GOES HERE?
};

export default NavIcons;

Answer 1

会是一个或多个nodes -

NavIcons.propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.arrayOf(PropTypes.node),
    PropTypes.node
  ]),
};

组件道具 ReactJS 的 PropType

PropType for component prop ReactJS

reactjs

react-proptypes