प्रतिक्रिया प्रगति तत्व IE10

Question

पर एक बग क्यों है IE10 (मैं IE11 में ऊपर की जाँच नहीं की है और) मान 1 प्रतिपादन, मूल्य पर ध्यान दिए बिना गुजर रहा हूँ, जब प्रतिक्रिया का उपयोग कर एक प्रगति तत्व प्रतिपादन है?

var Hello = React.createClass({ 
    render: function() { 
    return <progress value="50" max="100"></progress>; 
    } 
}); 

ReactDOM.render(
    <Hello />, 
    document.getElementById('container') 
); 

इस बेला चेक आउट - https://jsfiddle.net/co4wz3ft/5/

यह काम करता है क्रोम और फ़ायरफ़ॉक्स में अपेक्षा के अनुरूप।

Answer 1

अनगिनत हताश प्रयासों के बाद, मुझे पता चला है कि गुण (घोषित maxvalue से पहले) के आदेश inverting समस्या ठीक होती है:

var Hello = React.createClass({ 
    render: function() { 
    return <progress max="100" value="50"></progress>; 
    } 
}); 

ReactDOM.render(
    <Hello />, 
    document.getElementById('container') 
); 

मुझे लगता है प्रतिक्रिया मान सेट करने के कोशिश कर रहा था , अधिकतम सेट करने से पहले, मान डिफ़ॉल्ट अधिकतम पर छंटनी की जाएगी, जो एक है। लेकिन मैं अभी भी किसी और से बेहतर स्पष्टीकरण सुनना चाहता हूं!

Answer 2

हैलो मैं इस तरह अपने बेला को नवीनीकृत किया है और यह काम करने लगता है: https://jsfiddle.net/co4wz3ft/11/

var Hello = React.createClass({ 
    render: function() { 
    return <progress value="0.7"></progress> 
    } 
}); 

ReactDOM.render(
    <Hello name="World" />, 
    document.getElementById('container') 
); 

यह आगे की जांच पड़ताल की जरूरत है, लेकिन आप अब यह सही तरह उपयोग कर सकते हैं।