我想在多个组件中重用一组通用的 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
。
当我textProps
在H1
文件中定义时,它按预期工作。
有没有办法定义一组通用的 PropType,将它们导入组件,并让它们出现在 Styleguidist 指南中?