React: नियंत्रित इनपुट के लिए, चरण अपेक्षित रूप से काम नहीं करता है जब तक कि इसे शून्य या "" के साथ आरंभ नहीं किया जाता है।

मैं विंडोज 10 पर क्रोम 64 और डेबियन पर फ़ायरफ़ॉक्स 52 दोनों में इस फील के साथ एक विशेष व्यवहार देख रहा हूं। यदि मैं 50000 इनपुट में टाइप करता हूं और फिर तुरंत ऊपर तीर पर क्लिक करता हूं, तो मुझे 50100 मिलते हैं। यदि मैं इनपुट में 50000 टाइप करता हूं, तो दस्तावेज़ में कहीं और क्लिक करें, और फिर ऊपर तीर पर क्लिक करें, मुझे 55000 मिलते हैं।

आपको मान बदलने की आवश्यकता नहीं है, कई बार ऊपर तीर पर क्लिक करें और यह उन संख्याओं में बदलना शुरू कर देता है जो समझ में नहीं आते हैं।

रिपोर्ट @andyboyne के लिए धन्यवाद। समस्या इस तथ्य से उपजी है कि हम नंबर इनपुट पर value विशेषता को अपडेट नहीं करते हैं जब तक कि फ़ील्ड धुंधला न हो। हम ब्राउज़र सत्यापन से संबंधित अवांछित व्यवहार के एक समूह से बचने के लिए ऐसा करते हैं। cc @nhunzaker

इसे नियंत्रित करने वाले इनपुट https://github.com/facebook/react/issues/11896 के लिए value विशेषता को सिंक्रनाइज़ करने से रोकने के बाद हमें इसे हल करना चाहिए ।

हाँ। वास्तव में मुझे आश्चर्य है कि अगर हमें इस पर एक साथ समयरेखा मिलनी चाहिए।

जैसा कि अस्पष्ट उल्लेख किया गया है कि यह एक सिंकिंग मुद्दा है, जब फ़ील्ड धुंधला हो जाता है तो फ़ील्ड सिंक होता है।
इसलिए मैंने कुछ कंसोल जोड़े। मैंने पता लगाया कि e.target.value और e.target.getAttribute ("मान") समन्‍वयित नहीं हैं जबकि फ़ील्ड धुंधली नहीं है।
तो एक समाधान है e.target.setAttribute ("मान", e.target.value) जोड़ना; इस मान को अद्यतन करने के लिए बाध्य करने के लिए और फिर यह अपेक्षा के अनुरूप काम करता है।

       onChange={e => {
        console.log("target" , e.target.value);
        console.log("getAttribute value",  e.target.getAttribute("value"));
        e.target.setAttribute("value",e.target.value); 
        this.setState({value: e.target.value, step: e.target.value / 10});
      }}

नहीं, यह अभी भी एक मुद्दा है, यह मुझे पागल कर देता है, हमने अभी भी v16 द्वारा नियंत्रित इनपुट को सरल नहीं किया है!