javascript - 为什么进度条总是显示100%？

Question

我正在使用 Office 365 progress bar 。我从 websocket 获取了它的数据(百分比)。现在我有下一个代码:

export default class NotificationBar extends Component {

    constructor(props) {
        super(props);
        this._async = new Async(this);
    }

    render(){
        let { process } = this.props;// this object I get from flux store, it refreshes when web socket  updates

        return (
                    <ProgressIndicator
                        percentComplete={ this._getProgress() } />
        )
    };

    _getProgress = () => {
        let { process } = this.props;//here this.props.process.percent updates
        return process.percent;
    };
}

页面加载进度条变为 100% 后并没有改变，尽管我从方法中获取了百分比。我尝试尝试并放入组件的渲染中:

• percentComplete={ 0 } -进度条为空
• percentComplete={ 任意数字 > 0 } 进度条显示 100%

这种行为的原因是什么？我哪里出错了？

Answer 1

这是因为 percentComplete 必须是 0 到 1 之间的数字。如果您使用的数字超过 1，则将计为 100%。

在编程中，这种行为被广泛使用，例如，50% 只是 50/100 = 0.5。