程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了带有背景参数的故事书的问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决带有背景参数的故事书的问题?

开发过程中遇到带有背景参数的故事书的问题的问题如何解决?下面主要结合日常开发的经验,给出你关于带有背景参数的故事书的问题的解决方法建议,希望对你解决带有背景参数的故事书的问题有所启发或帮助;

我在一个有故事书的项目中,我希望我的故事能够改变背景或放置任何背景,因为我只需要不同颜色的背景,但我不能像它所说的那样放置背景文档:

https://storybook.js.org/docs/react/essentials/backgrounds

export default {
  Title: 'button',parameters: {
    backgrounds: {
      default: 'twitter',values: [
        { name: 'twitter',value: '#00aced' },{ name: 'facebook',value: '#3b5998' },],},};

而我的代码是这样的:

export default {
  Title: "Atoms/Example",component,parameters: {
    backgrounds: {
      default: "black",values: [
        { name: "black",value: "#000000" },{ name: "white",value: "#ffffff" }
      ]
    }
  },argTypes: {
    is: {
      control: {
        type: "select",options: [25,33,50,75,100]
      }
    }
  }
}

但我的代码根本不起作用,从文档中看到一切都是正确的。

或者是否有任何方法可以为我的故事添加背景,即使它不是固定的,也不是动态的

解决方法

确保您已安装 @storybook/addon-backgrounds 并在 .storybook/main.js 文件中确保它在您的插件中:addons: ['@storybook/addon-backgrounds']

请注意确保其: addons: ['@storybook/addon-backgrounds'] 并不是 addons: ['@storybook/addon-backgrounds/register']

使用 register 是旧方法,会阻止其正常工作

大佬总结

以上是大佬教程为你收集整理的带有背景参数的故事书的问题全部内容,希望文章能够帮你解决带有背景参数的故事书的问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: