Material-ui: [BidangTeks] type = jumlah langkah min, maks, jenis Skrip tidak ada

Dibuat pada 27 Nov 2017 · 8Komentar · Sumber: mui-org/material-ui

[x] Saya telah mencari masalah dari repositori ini dan yakin bahwa ini bukan duplikat.

Perilaku yang Diharapkan

<TextField type="number" min="0" max="10" step="1" /> harus dikompilasi dengan Typecript

Perilaku Saat Ini

Terima kesalahan Ketikan berikut untuk min, serupa untuk maks dan langkah: [ts] Property 'min' does not exist on type 'IntrinsicAttributes & TextFieldProps & { children?: ReactNode; }'.

Lingkungan Anda

| Teknologi | Versi |
| -------------- | --------- |
| Materi-UI | 1.0.0-beta.21 |
| Bereaksi | 16.0.0 |
| Ketikan | 2.6.1 |

bug 🐛 TextField typescript

Sumber

tcrognon

Komentar yang paling membantu

Apakah ini berhasil?

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

pelotom pada 28 Nov 2017

👍97 ❤25 😄3 👎1

Semua 8 komentar

Apakah ini berhasil?

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

pelotom pada 28 Nov 2017

👍97 ❤25 😄3 👎1

Ya itu berhasil. inputProps menerima sebuah objek dengan apapun di dalamnya, jadi saya secara efektif memilih keluar dari sistem tipe dengan melakukannya dengan cara ini.

tcrognon pada 28 Nov 2017

Ya itu berhasil. inputProps menerima sebuah objek dengan apapun di dalamnya, jadi saya secara efektif memilih keluar dari sistem tipe dengan melakukannya dengan cara ini.

Poin bagus, saya telah membuka # 9321 untuk memperbaiki pengetikan inputProps .

pelotom pada 28 Nov 2017

inputProps dimaksudkan untuk memungkinkan _apa pun yang terjadi_ pada InputComponent . Hal ini memungkinkan integrasi terbuka dengan komponen eksternal, yang sayangnya kami mungkin tidak mengetahui atau memiliki tipenya.

Contoh:

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

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

rosskevin pada 29 Nov 2017

Jadi alternatif untuk menghindari mengetik dengan kuat inputProps dalam skenario yang sama (terima kasih @pelotom) adalah

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 mengajukan proposal / masalah baru untuk mengunjungi kembali API ini.

rosskevin pada 29 Nov 2017

@solusiholcim
MaskedInput tidak ditentukan,
topeng tidak ditentukan
:(

GaddMaster pada 23 Des 2018

Ini sepertinya solusi yang terlalu rumit

djwashburn pada 4 Nov 2019

👍7

Akan lebih baik untuk mendefinisikan ini pada level TextField, sehingga validasi dapat dilakukan tanpa sekumpulan logika berulang di mana-mana. Saya benci harus memperluas TextField setiap kali saya ingin menggunakannya untuk bidang angka dengan persyaratan min / max / langkah.