我想在几个组件中重用一组通用的PropTypes。类似的东西:
const textProps = {
/** Header text */
children: PropTypes.node.isRequired,
/** Weight of the text */
weight: PropTypes.oneOf(['thin', 'normal', 'semibold', 'bold']),
}
我已将此对象添加到文件中,并将其作为命名导出textProps
导出。
然后我将其导入组件文件:
import { textProps } from 'path/to/textProps'
组件文件使用styled-components
来定义组件:
const H1 = styled.h1`
font-size: "50px"
`;
H1.propTypes = textProps;
问题在于道具& amp;方法'导入textProps
时,部分未显示在Styleididist指南中。
当我在textProps
文件中定义H1
时,它按预期工作。
有没有办法定义一组常见的PropTypes,将它们导入到一个组件中,并让它们出现在Styleguidist指南中?