1

我想在多个组件中重用一组通用的 PropTypes。就像是:

const textProps = {
  /** Header text */
  children: PropTypes.node.isRequired,
  /** Weight of the text */
  weight: PropTypes.oneOf(['thin', 'normal', 'semibold', 'bold']),
}

我已将此对象添加到文件中,并将其导出为命名的 export textProps

然后我将它导入到一个组件文件中:

import { textProps } from 'path/to/textProps'

而组件文件styled-components用来定义一个组件:

const H1 = styled.h1`
  font-size: "50px"
`;

H1.propTypes = textProps;

问题是导入时 Styleguidist 指南中未显示“道具和方法”部分textProps

当我textPropsH1文件中定义时,它按预期工作。

有没有办法定义一组通用的 PropType,将它们导入组件,并让它们出现在 Styleguidist 指南中?

4

0 回答 0