Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 故事书：在mdx中使用argtypes无法控制_Reactjs_Controls_Storybook_Mdxjs - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 故事书：在mdx中使用argtypes无法控制

Reactjs 故事书：在mdx中使用argtypes无法控制

reactjs

Reactjs 故事书：在mdx中使用argtypes无法控制,reactjs,controls,storybook,mdxjs,Reactjs,Controls,Storybook,Mdxjs,我用.mdx编辑我的故事书，但出了点问题 我的代码如下： <!---Badge.stories.mdx ---> import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks'; import Badge from '../components/Badge'; <Meta title="MDX/Badge" component={Badge}

我用.mdx编辑我的故事书，但出了点问题

我的代码如下：

<!---Badge.stories.mdx --->

import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
import Badge from '../components/Badge';

<Meta
    title="MDX/Badge"
    component={Badge}
    argTypes={{
        size: {
            name: 'size',
            description: 'Badge Size ',
            options: ['large', 'small'],
            control: {type: 'radio'},
            table: {
                type: {summary: 'string'},
                defaultValue: { summary: 'large' }
            }
        }
    }}
/>

export const Template = (args) => <Badge {...args } >信息</Badge>

# Badge

<Canvas>
  <Story name="Example" args={{
    size: 'large',
    dot: false,
    text: '5',
    overflowCount: '99'
  }}>
    {Template.bind({})}
  </Story>
</Canvas>


### API
<ArgsTable of={Badge} />



从“@storybook/addon docs/blocks”导入{Meta，Story，Canvas，ArgsTable}；
从“../components/Badge”导入徽章；
导出常量模板=（参数）=>信息
#徽章
{Template.bind（{}）}
###原料药
但是如果我用
**.stories.js
写我的故事，一切都没问题



有人能帮我吗？

谢谢
 您必须添加
故事
道具，而不是带有故事名称的


<Canvas withSource="open">
  <Story name="Basic usage">{Template.bind({})}</Story>
</Canvas>


<ArgsTable story="Basic usage" />




{Template.bind（{}）}

我试过了。从官方文件来看，
.mdx
似乎不支持
控制。这很奇怪，因为在我们的项目中，我们正在使用这种方法，而且它正在工作。在这个链接中，我看不到用prop
story
代替
of
prop的例子。真的吗？我需要配置一些插件吗？