reactjs - 如何在材质ui中设置LinearProgress的最大值?
问题描述
我LinearProgress
在我的页面中使用材料 ui 并且我的最大值LinearProgress
并非100
一直如此,有时它可以是 10、20、5 ..。我试着做
<LinearProgress
variant="determinate"
value={section.Remaining_Qty}
maxValue={50} // added
/>
但它不起作用。还有其他方法可以实现吗?
解决方案
在 value 属性中使用这个公式:
Math.round((100 / maxValue) * currentValue)
推荐阅读
- flutter - 如何在应用程序启动时查看版本?
- reactjs - 如何在反应路由器5中定义多段网址,如/project/collaborator
- node.js - Node V 12.22.1 的 Angular2 karma.config.js 文件错误
- flutter - 错误:未布置 RenderBox,断言失败:第 1940 行 pos 12:'hasSize'
- python - 尝试在神经网络中保存检查点时出错?
- drupal-8 - 添加图像时,Drupal Renderer 无法生成。SSL 操作因代码而失败
- python - PYTHON 将数据帧插入现有数据帧
- python - 使用pygame在Python中的鼠标位置绘制一个矩形
- tensorflow - 基于预训练的检查点,在我自己的数据集上对 Deeplab 进行精细训练
- android - Android:实现此自定义 Checkable / Button 的方法