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} -progressbar为空
percentComplete = {任意数字＆gt; 0}进度条显示100％

这种行为的原因是什么？我犯了错误的地方？

Answer 1

那是因为percentComplete必须是介于0和1之间的数字。如果使用的数字超过1则会计为100％。

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

为什么进度条始终显示100％？

1 个答案: