Pertanyaan yang diberi tag «material-ui»

Saya menulis beberapa kode: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Saya mendapatkan kesalahan: Tipe elemen JSX Elemtidak memiliki tanda tangan konstruksi atau panggilan Apa artinya?

158 reactjs  typescript  material-ui 

Saya bermain sedikit dengan Material-UI . Apakah ada opsi untuk membuat tata letak kisi (seperti di Bootstrap )? Jika tidak, bagaimana cara menambahkan fungsionalitas ini? Ada komponen GridList tapi saya rasa itu memiliki tujuan yang berbeda.

118 reactjs  material-design  material-ui  grid-system 

Menggunakan metode css-in-js untuk menambahkan kelas ke komponen react, bagaimana cara menambahkan beberapa komponen? Berikut adalah variabel kelas: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Inilah cara saya menggunakannya: return ( <div className={ this.props.classes.container }> Cara di atas …

92 css  reactjs  material-design  material-ui  jss 

Untuk beberapa alasan, saya tidak bisa membuat datepicker material-ui bekerja. Setiap kali datepicker di-render dalam React, kesalahan berikut dilemparkan: RangeError: Format string berisi karakter alfabet latin yang tidak terhapus n Saya telah membuat stackblitz hanya dengan datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) dan bahkan di sana kesalahannya muncul. Apa yang saya lakukan …

19 javascript  reactjs  material-ui  material-ui-pickers 

Saya merujuk pada dokumentasi React Material-UI ( https://material-ui.com/components/autocomplete/ ). Dalam kode demo, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Saya mengerti cara kerjanya, tetapi saya tidak yakin bagaimana saya seharusnya mendapatkan nilai yang dipilih. Misalnya, …

17 javascript  reactjs  material-ui 

Saat mencoba mengakses komponen Login aplikasi MERN saya pada versi produksi, saya mendapatkan serangkaian kesalahan tipe berikut yang ditunjukkan pada gambar ini: Aplikasi saya ( https://github.com/ahaq0/kumon_schedule ) berfungsi dengan sangat baik secara lokal dan bekerja dengan sangat baik di-host di Heroku sebelumnya hari ini. Saya mencoba memutar kembali semua perubahan …

15 reactjs  typescript  heroku  material-ui  mern 

Saya ingin menggunakan Autocompletekomponen untuk tag input. Saya mencoba untuk mendapatkan tag dan menyimpannya dalam keadaan sehingga saya nanti dapat menyimpannya di database. Saya menggunakan fungsi alih-alih kelas dalam bereaksi. Saya memang mencoba onChange, tetapi saya tidak mendapatkan hasil apa pun. <div style={{ width: 500 }}> <Autocomplete multiple options={autoComplete} filterSelectedOptions …

12 reactjs  material-ui 

Saya telah menginstal material-ui / lab untuk menggunakan komponen peringatan, tetapi setiap kali saya mengimpornya dengan: import Alert from '@material-ui/lab/Alert';gagal mengkompilasi dan melempar kesalahan ini: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Jadi saya mencoba untuk google masalah ini dan menemukan pertanyaan lain tentang material-ui/lab/AutoCompletekomponen ( Pertanyaan …

11 javascript  node.js  reactjs  material-ui 

Saya mendapat kesalahan berikut ketika saya menjalankan proyek saya di browser: Gagal mengompilasi: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Saya mencoba menerapkan komponen Autocomplete (dari contoh di bagian "Beberapa nilai"). Ini kode yang saya gunakan: import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete from …

11 reactjs  typescript  material-ui