Запитання з тегом «material-ui»

Я написав код: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Я отримую помилку: Тип елемента JSX Elemне має жодної конструкції та підписів виклику Що це означає?

158 reactjs  typescript  material-ui 

Я трохи граю з Material-UI . Чи є варіанти для створення макети сітки (як у Bootstrap )? Якщо ні, то який спосіб додати цю функціональність? Є компонент GridList, але, мабуть, він має інше призначення.

118 reactjs  material-design  material-ui  grid-system 

Я отримую нижченаведену помилку щоразу, коли намагаюся використовувати makeStyles()з компонентом методи життєвого циклу: Недійсний дзвінок підключення. Гачки можна викликати лише всередині тіла функціонального компонента. Це може статися з однієї з таких причин: Можливо, у вас є невідповідні версії React та візуалізатора (наприклад, React DOM) Можливо, ви порушуєте Правила гачків У …

118 reactjs  material-ui 

Використання методу css-in-js для додавання класів до реакційного компонента, як мені додати кілька компонентів? Ось змінна класів: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Ось як я ним користувався: return ( <div className={ this.props.classes.container }> Вищевказане працює, але …

92 css  reactjs  material-design  material-ui  jss 

Я не зовсім розумію систему сіток React Material-UI. Якщо я хочу використовувати компонент форми для входу, який найпростіший спосіб відцентрувати його на екрані на всіх пристроях (мобільних та настільних)?

77 reactjs  mobile  login  material-ui  desktop 

Список властивостей документа не включає onClick ( http://www.material-ui.com/#/components/icon-button ) Як я знаю, що мені потрібно використовувати onClick для обробника кліків?

76 reactjs  material-ui 

З якихось причин я не можу змусити роботу вибору дат матеріалу . Кожен раз, коли вибирач дати відображається в React, видається така помилка: RangeError: Рядок форматування містить нерозміщений символ латинського алфавіту n Я створив stackblitz лише за допомогою датника ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) і навіть там з’являється помилка. Що я роблю …

19 javascript  reactjs  material-ui  material-ui-pickers 

Я маю на увазі документацію React Material-UI ( https://material-ui.com/components/autocomplete/ ). У демо-коді <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Я розумію, як це працює, але я не впевнений, як я повинен отримати вибране значення. Наприклад, …

17 javascript  reactjs  material-ui 

При спробі отримати доступ до компонента Login мого додатка MERN у виробничій версії, я отримую ряд таких помилок типу, показаних на цьому зображенні: Мій додаток ( https://github.com/ahaq0/kumon_schedule ) прекрасно працює на локальному рівні та працював ідеально на Хероку сьогодні. Я спробував повернути всі зміни в коді, які я сьогодні вніс, …

15 reactjs  typescript  heroku  material-ui  mern 

Я хочу використовувати Autocompleteкомпонент для введення тегів. Я намагаюся отримати теги та зберегти їх у стані, щоб згодом їх зберегти у базі даних. Я використовую функції замість класів у реакції. Я намагався onChange, але жодного результату не досяг. <div style={{ width: 500 }}> <Autocomplete multiple options={autoComplete} filterSelectedOptions getOptionLabel={option => option.tags} …

12 reactjs  material-ui 

Я встановив material-ui / lab для того, щоб користуватися компонентом попередження, але щоразу, коли я імпортую його: import Alert from '@material-ui/lab/Alert';він не може компілювати та видаляє цю помилку: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Тож я спробував google цю проблему та знайшов інше запитання щодо material-ui/lab/AutoCompleteкомпонента …

11 javascript  node.js  reactjs  material-ui 

Під час запуску свого проекту в браузері я отримав таку помилку: Не вдалося компілювати: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Я намагаюся реалізувати компонент Автозаповнення (із прикладу в розділі "Кілька значень"). Ось код, який я використовую: import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete …

11 reactjs  typescript  material-ui