Вопросы с тегом «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 

Как добавить несколько компонентов с помощью метода 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, выдается следующая ошибка: RangeError: Строка формата содержит символ латинского алфавита без экранирования n Я создал стек стека с помощью только средства выбора даты ( 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 

При попытке получить доступ к компоненту «Вход» моего приложения MERN в рабочей версии я получаю серию следующих ошибок типа, показанных на этом изображении: Мое приложение ( https://github.com/ahaq0/kumon_schedule ) отлично работает локально и прекрасно работало, размещенное на Heroku ранее сегодня. Я попытался откатить все изменения в коде, которые я сделал сегодня, …

15 reactjs  typescript  heroku  material-ui  mern 

Я установил 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 и нашел еще один вопрос …

12 javascript  node.js  reactjs  material-ui 

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

12 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 from '@material-ui/lab/Autocomplete'; …

11 reactjs  typescript  material-ui