组件库:Select、ConfigProvider

74 阅读1分钟
  • 回答问题框架: 
    这个是什么问题?
    这个问题是怎么带来的?
    如何做调研解决的。

基于Select做了一个自动获取options

这个问题是怎么带来的?

因为我们这个涉及的表单字段特别多,Select都需要去特别去获取option,并且很多select都是复用性挺强的,而且表单还会涉及到导出功能,后段也会共用我们这个字典。后面的话就跟后端他们商量共同维护一个字典,所有关于枚举的业务都放在这里维护。

如何做调研解决的?

后面我们就设计了一个props去自动化生产options,通过dictKey,整个options的枚举。options={options || dOptions}

设计了两个hooks: useGetDict:传入dict和dictKey 拿到枚举值 useDispatchDict:把所有枚举处理成的options disableKeys: hideDictKeys:filter

扩展:ConfigProvider

自动:将全局字典注入到我们的项目,后续也不用每次都将字典放进去。 最后实现成只要传入dictKey就自动生成我们的options。