您如何定义从父组件传递来的CSS类的原型？

Question

这里我试图为className定义道具，稍后其他父组件将传递它们。

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

const ButtonArrow = (props) => {
  const {
    className, width, height, fill
  } = props;
  return (
    <svg
      className={props.className}
      xmlns="http://www.w3.org/2000/svg"
      width={props.width}
      height={props.height}
      fill={props.fill}
      viewBox="0 0 18 18"
    >
      <path d="M9 3L7.94 4.06l4.19 4.19H3v1.5h9.13l-4.19 4.19L9 15l6-6z" />
    </svg>
  );
};
    

这里我正在尝试为className定义道具，稍后其他父组件将传递这些道具。从'prop-types'导入PropTypes; const ButtonArrow =（...

Answer 1

如果要将props.className限制为一组特定值，请使用PropTypes.oneOf()。它将props.className视为一个枚举

Answer 2

取决于PropType的严格程度。它只是字符串还是您将要使用这种怪物（自定义验证器）？