«material-ui» etiketlenmiş sorular

Bir kod yazdım: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Bir hata alıyorum: JSX öğe türünde Elemherhangi bir yapı veya çağrı imzası yok Bunun anlamı ne?

170 reactjs  typescript  material-ui 

Material-UI ile biraz oynuyorum . Bir ızgara düzeni oluşturmak için herhangi bir seçenek var mı ( Bootstrap'teki gibi )? Değilse, bu işlevi eklemenin yolu nedir? Bir GridList bileşeni var ama sanırım farklı bir amacı var.

118 reactjs  material-design  material-ui  grid-system 

makeStyles()Yaşam döngüsü yöntemlerine sahip bir bileşenle kullanmaya çalıştığımda aşağıdaki hatayı alıyorum : Geçersiz kanca çağrısı. Kancalar yalnızca bir işlev bileşeninin gövdesinin içinde çağrılabilir. Bu, aşağıdaki nedenlerden biri nedeniyle olabilir: Uyuşmayan React ve oluşturucu sürümleriniz olabilir (React DOM gibi) Hook Kurallarını çiğniyor olabilirsiniz Aynı uygulamada birden fazla React kopyasına sahip olabilirsiniz …

118 reactjs  material-ui 

Bir react bileşenine sınıf eklemek için css-in-js yöntemini kullanarak birden çok bileşeni nasıl eklerim? İşte sınıflar değişkeni: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); İşte onu nasıl kullandım: return ( <div className={ this.props.classes.container }> Yukarıdakiler çalışır, ancak classNamesnpm …

92 css  reactjs  material-design  material-ui  jss 

Nedense, malzeme-ui tarih seçicisinin çalışmasını sağlayamıyorum . Tarih seçici React'te her oluşturulduğunda, aşağıdaki hata atılır: RangeError: Biçim dizesi, çıkış karakteri olmayan bir latin alfabesi karakteri içeriyor n Ben sadece datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) ile bir stackblitz oluşturdum ve hatta orada hata gösterir. Neyi yanlış yapıyorum? Sanırım kurulum kılavuzundaki tüm talimatları …

19 javascript  reactjs  material-ui  material-ui-pickers 

React Material-UI ( https://material-ui.com/components/autocomplete/ ) belgelerine atıfta bulunuyorum . Demo kodunda, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Nasıl çalıştığını anladım, ancak seçilen değeri nasıl alacağımdan emin değilim. Örneğin onChange, seçime göre bazı eylemler yapabilmem …

17 javascript  reactjs  material-ui 

Üretim sürümünde MERN uygulamamın Giriş bileşenine erişmeye çalışırken, bu resimde gösterilen aşağıdaki tür hatalardan bir dizi alıyorum: Uygulamam ( https://github.com/ahaq0/kumon_schedule ) yerel olarak mükemmel çalışıyor ve bugün daha önce Heroku'da barındırılan mükemmel şekilde çalışıyordu. Bugün yaptığım koddaki tüm değişiklikleri geri almaya çalıştım. Benzer şekilde, malzeme kullanıcı arabirimi bağımlılığını değiştirip değiştirmediğimi …

15 reactjs  typescript  heroku  material-ui  mern 

AutocompleteGiriş etiketleri için bileşen kullanmak istiyorum . Ben daha sonra veritabanına kaydedebilirsiniz böylece etiketleri almak ve onları bir devlet kaydetmek için çalışıyorum. Tepki içinde sınıflar yerine fonksiyonları kullanıyorum. Ben denedim onChangeama sonuç alamadım. <div style={{ width: 500 }}> <Autocomplete multiple options={autoComplete} filterSelectedOptions getOptionLabel={option => option.tags} renderInput={params => (<TextField className={classes.input} {...params} …

12 reactjs  material-ui 

Uyarı bileşenini kullanıcı olarak kullanmak için material-ui / lab yükledim, ancak her içe import Alert from '@material-ui/lab/Alert';aktardığımda: derleyemedi ve bu hatayı atıyor: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Bu yüzden bu sorunu google'da denedim ve material-ui/lab/AutoCompletebileşenle ilgili başka bir soru buldum ( Bu soru tam olarak …

11 javascript  node.js  reactjs  material-ui 

Projemi tarayıcıda çalıştırdığımda aşağıdaki hatayı aldım: Derlenemedi: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. ("Birden çok değer" bölümündeki örnek) Otomatik Tamamlama bileşenini uygulamak çalışıyorum . İşte kullanıyorum kodu: import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete from '@material-ui/lab/Autocomplete'; import TextField from '@material-ui/core/TextField'; <Autocomplete multiple id="tags-standard" …

11 reactjs  typescript  material-ui