React Storybook 中的 TaskHarness

Question

我有一个非常严重的问题。我在 React 下创建了一个 Storybook。我在文档站点上没有得到正确的值，如此处所示。

通常情况下，它应该给我这样的信息：

应该更改值。

这是我的组件文件：

// Button/index.tsx
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import { Button as MButton } from '@material-ui/core';
import clsx from 'clsx';

export interface IButtonProps {}
const useStyles = makeStyles({});

const Button: React.FC<IButtonProps> = (props) => {
   return ();
};

export default Button;

这是我的故事文件：

// index.stories.tsx
import { withPerformance } from 'storybook-addon-performance';

export default {
   decorators: [withPerformance],
} as Meta;

知道如何解决吗？

Answer 1

我通过从装饰器中删除 withPerformance 解决了这个问题。

编辑：这是解决方案：

import { addDecorator } from '@storybook/react';
import { withPerformance } from 'storybook-addon-performance';

addDecorator(withPerformance);

React Storybook 中的 TaskHarness

TaskHarness in React Storybook

javascript

typescript

reactjs

storybook