大佬教程收集整理的这篇文章主要介绍了有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？？

开发过程中遇到有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？的问题如何解决？下面主要结合日常开发的经验，给出你关于有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？的解决方法建议，希望对你解决有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？有所启发或帮助；

我在 Typescript 中开发了一个用于条件文本搜索的 React 组件，如下所示：

故事书选择旋钮工作正常：

实现它的故事书代码：

<FilterComponentnt
                ...props
                accountnameTextCompareMethod={ConvertTextoptionItem(SELEct('Account name search options',['Starts with','Contains','Equals','Ends with'],'Starts with'))}
                                    
                    />

Prop accountnameTextCompareMethod 是 enum 类型：

export enum TextCompareMethod {
            StartsWith = 0,Contains = 1,EndsWith = 2,Equals = 3
        }

函数ConvertTextoptionItem获取从SELEct旋钮中选择的字符串并将其转换为枚举TextCompareMethod；正如您在图 2 中看到的那样工作正常

但是当我在真实的应用程序中（在容器中）使用该组件并尝试通过设置状态设置相同的组件属性 accountnameTextCompareMethod 时：

const [accountnameCompareMethod,setAccountnameCompareMethod] = useState<TextCompareMethod>(props.accountnameTextCompareMethod ?? TextCompareMethod.StartsWith);

<FilterComponentnt
                ...props
                accountnameTextCompareMethod={accountnameCompareMethoD} 
     ... />
                                    

现在它没有任何效果，组件的图标也不会像故事书中那样改变（图 2）。

我的问题是：故事书 Knob SELEct 如何成功设置相同的组件道具，但我从实际使用相同的组件（以 Redux 形式）设置它却没有？我做错了什么和/或 Storybook SELEct 旋钮做对了什么？

感谢您的时间。

更新

const convertTextoptionItem = (item: String): TextCompareMethod => {
  switch (item.tolowerCase()) {
    case 'startswith':
    case 'starts with':
      return TextCompareMethod.StartsWith;
    case 'endswith':
    case 'ends with':
      return TextCompareMethod.endsWith;
    case 'contains':
    case 'contain':
      return TextCompareMethod.Contains;
    case 'equals':
    case 'equal':
      return TextCompareMethod.Equals;
    default:
      return TextCompareMethod.StartsWith;
  }
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？全部内容，希望文章能够帮你解决有人知道 React Storybook 的 Knobs 插件中选择旋钮的内部工作吗？所遇到的程序开发问题。

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

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