如何解决在StoryBook文档中使用propTypes的ArgsTable
我正在尝试为一个小型组件创建文档。为此,我将StoryBook与附件“ @ storybook / addon-docs”配合使用,但无法显示组件属性。
我的组件:
function OverlayList(props) {...}
OverlayList.propTypes = {
/**
* Prop children.....Example 1.
**/
children: PropTypes.element.isRequired,/**
* Test .... .
*/
options: PropTypes.array,/**
Test test test
*/
selectedValue: PropTypes.string,};
OverlayList.defaultProps = {
children: <input></input>,options: [],};
export default OverlayList;
src / components / OverlayList / OverlayList.stories.js
import React from 'react';
import OverlayList from './OverlayList';
export default {
title: 'OverlayList',component: OverlayList,};
export const overlayList = (args) => {
return <OverlayList {...args} />;
};
.storybook / main.js
module.exports = {
stories: ['../src/components/**/*.stories.[tj]s'],addons: ['@storybook/addon-docs'],};
为什么我看不到组件道具及其描述?
该组件不是使用“ create-react-app”创建的,我使用的是webpack。
非常感谢您所做的一切。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。