今天要来实现一个高可定制的进度条组件,在介绍组件设计之前,我们先牢记以下几个原则....一个进度条组件一般都会有如下需求点:
通过进度控制进度条长度
进度条总长度可以由用户来控制
随时修改精度条的额颜色(来自于设计师或产品经理独特而百变的审美)
当进度为100%时进度条可以自动消失(可能的需求...基于react实现一个可定制的进度条组件
2.1...., 如果我们不设置false或者true, 那么react会默认为false, 如果只写了hiddenText属性而不赋值, react会自动认为它的值为true.这是react的一个设计细节,希望大家能了解掌握...设置进度区间这个需求是组件唯一比较复杂的地方(相对来说,实际项目中有更复杂的案例),对应的属性为statusScope, 它的值为一个数组,之所以为数组是为了开发人员更容易理解和使用,它的值可能如下: