Material-ui: [TextField] प्रकार = संख्या लापता मिनट, अधिकतम, चरण टाइपस्क्रिप्ट प्रकार

क्या यह काम करता है?

<TextField type="number" inputProps={{ min: "0", max: "10", step: "1" }} />

हाँ जो काम करता है। inputProps इसमें किसी भी चीज़ के साथ एक वस्तु को स्वीकार करता है, हालाँकि, मैं इस तरह से इसे करने से प्रभावी रूप से प्रकार प्रणाली से बाहर निकल रहा हूँ।

हाँ जो काम करता है। inputProps इसमें किसी भी चीज़ के साथ एक वस्तु को स्वीकार करता है, हालाँकि, मैं इस तरह से इसे करने से प्रभावी रूप से प्रकार प्रणाली से बाहर निकल रहा हूँ।

अच्छा बिंदु, मैंने inputProps की टाइपिंग को ठीक करने के लिए # 9321 खोला है।

inputProps _anything के लिए अनुमति देने का इरादा है, InputComponent पर go_। यह बाहरी घटकों के साथ खुले एकीकरण की अनुमति देता है, जिसके लिए दुर्भाग्य से हम नहीं जानते हैं या प्रकार हो सकते हैं।

उदाहरण:

import * as MaskedInput from 'react-text-mask'

      <TextField
        InputProps={{
          inputComponent: MaskedInput,
        }}
        inputProps={{
          guide: false,
          mask,
          placeholderChar: '\u2000',
        }}
        type="tel"
        value={value}
      />

तो एक ही परिदृश्य में inputProps जोर से टाइप करने से बचने का विकल्प (धन्यवाद @pelotom) है

import { InputProps as MuiInputProps } from 'material-ui/Input'

      <TextField
        InputProps={{
          inputComponent: (inputProps: MuiInputProps) => (
            <MaskedInput {...inputProps} guide={false} mask={mask} placeholderChar="\u2000" />
          ),
        }}
        type="tel"
        value={value}
      />

@pelotom इस एपीआई को फिर से शुरू करने के लिए एक नया प्रस्ताव / मुद्दा दाखिल कर रहा है।

@rosskevin
MaskedInput परिभाषित नहीं है,
मास्क परिभाषित नहीं है
:(

यह एक अत्यधिक जटिल वर्कअराउंड की तरह लगता है

बेहतर होगा कि इन्हें टेक्स्टफिल्ड स्तर पर परिभाषित किया जाए, ताकि हर जगह बार-बार के तर्क के बिना सत्यापन किया जा सके। मुझे हर बार TextField का विस्तार करने से नफरत होगी, मैं इसे मिनट / अधिकतम / चरण आवश्यकताओं के साथ नंबर फ़ील्ड के लिए उपयोग करना चाहता हूं।