在React Styleguidist中从外部文件导入propTypes

时间:2018-03-28 16:36:51

标签: reactjs react-styleguidist

我想在几个组件中重用一组通用的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指南中?

0 个答案:

没有答案