React Storybook 无法识别故事

Question

我正在测试带有故事书的 React 应用程序。出于某种原因，我的自定义故事无法正确加载。如果我在 1-Button.stories.js 中编写我的自定义故事是渲染但如果它在 2-MyFunction.stories.js 中，它不会渲染

在src/stories目录下，我有3个文件：

0-Welcome.stories.js

1-Button.stories.js

2-MyFunction.stories.js

这是我的 .storybook/main.js:

  stories: ['../src/**/*.stories.js'],//similar to config.js
  addons: [//similar to addons.js
    '@storybook/preset-create-react-app',
    '@storybook/addon-actions',
    '@storybook/addon-links',
  ],
};

这里是 MyFunction.stories.js:

import MyFunction from '../Components/MyFunction;

export const Functiontest = () => <MyFunction .../>;

Answer 1

我没有包含标签名称的代码

export default {
    title: 'function'
};
...

export const functiontest = () => {
    return <My function ...>
}

React Storybook 无法识别故事

React Storybook not Recognizing a Story

javascript

unit-testing

reactjs

storybook