storybook [Bug]: 在mdx文件的故事中使用useArgs时抛出错误

piah890a  于 5个月前  发布在  其他
关注(0)|答案(2)|浏览(120)

描述错误

尝试在MDX文件中使用useArgs

export const Template = (args) => {
  
    const [_, updateArgs] = useArgs();
    
    return (
        <Box>
            <Button onClick={()=>{updateArgs({isOpen: true})}}>
                Open Drawer
            </Button>
            
            <Drawer
                isOpen={args.isOpen}
                placement={args.right}
                onClose={args.onClose}
            >
              ...
            </Drawer>
        </Box>
    )
};

<Canvas>
    <Story 
        name="Drawer"
        args={{
            isOpen: false,
            placement: 'right',
            onClose: ()=>{},
        }}
    >{Template.bind({})}</Story>
</Canvas>

<ArgsTable story={"Drawer"}/>

UpdateArgs可以正常工作,但随后会抛出一个错误,提示“故事书预览钩子只能在装饰器和故事函数内部调用”。

重现方法

  • 无响应*

系统信息

tried to run npx sb@next info,  but this results in "unexpected token '||='

其他相关信息

  • 无响应*
uemypmqf

uemypmqf1#

你能尝试运行npx sb@latest info吗?

f87krz0w

f87krz0w2#

你能尝试运行npx sb@latest info吗?
是的,它可以运行。但是确实有一些关于Python未安装的错误。
这是nev信息:

Environment Info:

  System:
    OS: macOS 13.0.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 14.17.4 - ~/.nvm/versions/node/v14.17.4/bin/node
    npm: 6.14.14 - ~/.nvm/versions/node/v14.17.4/bin/npm
  Browsers:
    Chrome: 108.0.5359.124
    Safari: 16.1
  npmPackages:
    @storybook/addon-actions: ^6.5.13 => 6.5.13 
    @storybook/addon-docs: ^6.5.13 => 6.5.13 
    @storybook/addon-essentials: ^6.5.13 => 6.5.13 
    @storybook/addon-interactions: ^6.5.13 => 6.5.13 
    @storybook/addon-links: ^6.5.13 => 6.5.13 
    @storybook/builder-webpack5: ^6.5.13 => 6.5.13 
    @storybook/client-api: ^6.5.15 => 6.5.15 
    @storybook/manager-webpack5: ^6.5.13 => 6.5.13 
    @storybook/react: ^6.5.13 => 6.5.13 
    @storybook/testing-library: 0.0.13 => 0.0.13 
    @storybook/theming: ^6.5.14 => 6.5.14

相关问题