Реагируйте на компоненты, которые реализуют Google Material Design. Обратите внимание, что этот тег следует использовать для вопросов относительно структуры Material-UI. В противном случае, посмотрите информацию тега для других тегов для использования.
Я использую панель приложений Material-Ui и хочу просто расположить мой логотип и заголовок по центру (см. Рисунок).
Но я пробовал разные методы, все равно ничего не работает. Ниже приведен мой код. Вы знаете, что не так с моим кодом?
Вы также можете попробовать код в codeandbox:
https://codesandbo....
14 Сен 2020 в 22:16
Привет товарищи-программисты.
У меня сейчас проблема с моими собственными стилями, созданными с помощью makeStyles(...). Что происходит; когда я импортирую свою константу стилей, которая экспортируется из другого модуля, блок style помещается перед другими стилями MUI, что приводит к отмене моего. Я....
14 Сен 2020 в 20:39
У меня очень простая проблема с увеличением и уменьшением значения в моем TextField. Я использую Formik и Material UI в React. Пожалуйста, посмотрите эту ссылку на коды и ящик
КЛИКНИТЕ СЮДА
<TableCell>
{" "}
<TextField
variant="outlined"
fullWidth
type="number"
name={`data.${idx}.r....
13 Сен 2020 в 15:41
Мне нужно, чтобы на моих вкладках была вкладка, состоящая из переключателя, но когда я реализовал ее, как было сказано, я не смог ее там увидеть. Возможно, он скрыт внизу, но я попытался изменить его z-индекс.
....
12 Сен 2020 в 09:54
Я бы очень хотел, чтобы это сработало, но это не так. Он блеет про "> ожидал".
<CardHeader
titleTypographyProps={{ variant: 'h4' }}
title="Account Details"
subheader="account number: " + {props.account.number}
/>
Как сделать так, чтобы подзаголовок отображался как «номер счета: 123....
11 Сен 2020 в 19:34
Я передаю ссылку с помощью React.forwardRef нижнему компоненту, который обычно работает.
<SomeComponent
component={React.forwardRef((props, ref) => <MyComponent innerRef={ref} {...props} />)}
.../>
Однако, когда у меня есть HOC (компонент более высокого порядка) withStyles, innerRef вместе с другим....
10 Сен 2020 в 18:54
Я хотел бы использовать дискретный компонент Slider из пользовательского интерфейса материала, чтобы изменить изображение в веб-приложении React: каждый раз, когда пользователь изменяет значение ползунка, в указанном блоке div должно отображаться другое изображение. Как мне это сделать? Я предполага....
9 Сен 2020 в 23:57
Я постараюсь объяснить это дальше. У меня есть компонент Material-UI List с компонентом ListItem, для которого установлено значение button = true, что делает весь элемент кнопкой.
Внутри я добавил, что внутри у меня есть FontAwesomeIcon. Чтобы скрыть кнопку, я установил ее стиль для видимости: «скры....
8 Сен 2020 в 16:47
Я пытаюсь добавить border-top и border-bottom в компонент <Box> в пользовательском интерфейсе материала (используя React).
Следуя официальной документации https://material-ui.com/system/borders/ Я добавил в свое приложение следующий код:
import React from "react";
import { Container } from "@materi....
8 Сен 2020 в 08:56
Я пытаюсь создать цветовую палитру, которая работает следующим образом: когда я нахожу курсор на PaletteIcon, цветовая палитра должна всплывать, и я должен иметь возможность выбирать цвета по своему желанию. Но после наведения, когда я пытаюсь выбрать цвет, палитра исчезает. Есть ли какое-нибудь сво....
7 Сен 2020 в 17:08
Есть ли способ заставить несколько соседних ячеек менять цвет при наведении курсора на одну ячейку? И есть ли способ сделать это динамическим (например, количество соседних ячеек, которые также меняют цвет, может варьироваться)?
Код ниже:
У меня есть таблица в React со следующим кодом:
<TableBody>....
7 Сен 2020 в 15:31
Как передать стиль post.mainImage в стиль backgroundImge.
Вот мой код;
import React from 'react';
import { Post } from '../interfaces';
import { makeStyles, createStyles, Theme } from '@material-ui/core/styles';
import Container from '@material-ui/core/Container';
type Props = {
post: Post;
};
c....
6 Сен 2020 в 02:36
У меня есть компонент карты, который можно щелкнуть, и он содержит кнопку со значком на карточке. Я хочу иметь возможность щелкнуть кнопку со значком, не щелкая с ним всю карту.
В настоящее время, когда нажимается кнопка со значком, эффект пульсации распространяется на всю карточку, но я хочу иметь ....
5 Сен 2020 в 05:50
Мне нужен белый значок карандаша, я делаю:
<CreateIcon style={{ color: white[500] }} />
Но «белый» не существует в пользовательском интерфейсе материала https: // material-ui. ru / customization / color / # official-color-tool
Как я могу использовать белый цвет?....
4 Сен 2020 в 16:31
У меня есть элемент списка, который можно развернуть или щелкнуть по маршруту.
Чего бы я хотел добиться, если ListItem можно расширить, не передавайте компонент NavLink. Так что это будет просто ListItem.
<ListItem
className="sidebar-item"
onClick={onClick}
button
{......
3 Сен 2020 в 14:52
Я пытаюсь открыть компонент диалогового окна MaterialUI из другого компонента реакции с помощью кнопки. Желаемый результат заключается в том, что он открывает диалоговое окно каждый раз, когда я нажимаю кнопку. Текущий результат таков, что он открывается только каждый второй раз, когда я нажимаю на ....
1 Сен 2020 в 17:59
Использование пакета @ material-ui / core
App.js
import React, { Component } from 'react'
import { StyleSheet, View } from 'react-native'
import { Colors } from 'react-native/Libraries/NewAppScreen'
import { NewsCardMaterial } from "./components/NewsCardMaterial"
function App() {
return (
<....
28 Авг 2020 в 18:51
Я хочу создать список стран, в котором ListItems можно щелкнуть, и каждый ListItem имеет значок рядом с текстом при нажатии. Я создал список и реализовал свойство списков, которое можно щелкнуть. Но когда я щелкаю один элемент списка в списке, я не могу выбрать другой элемент в один щелчок, он снача....
28 Авг 2020 в 18:32
Я работаю над проектом, в котором мне нужно написать число над значком. Я использую значок MaterialUI ModeComment и хочу написать поверх него текст. Я пробовал следующее, но не помогло.
<ModeComment color='primary'>
<Typography>2</Typography>
</ModeComment>
<ModeComment color='primary'>
<span....
28 Авг 2020 в 08:24
Я просматривал (https://material-ui.com/api/autocomplete/) API для компонента автозаполнения, но я не могу найти способ (из-за моих ограниченных знаний javascript) отображать только определенное количество параметров под TextField.
Я пытаюсь включить функцию поиска с более чем 7000 данных, но не хоч....
28 Авг 2020 в 06:53
Несколько дней назад я начал изучать библиотеку responsejs + material-ui и пытаюсь понять как скрыть значки из BottomNavigation, то есть:
Я создал mcve в codeandbox. io.
Кроме того, когда я нажимаю кнопку входа в систему, я хотел бы знать, какая кнопка из BottomNavigation была выбрана, чтобы отобра....
27 Авг 2020 в 18:39
Я создаю приложение React с помощью material-ui. Я хочу отключить все мои переключатели в RadioGroup, когда происходит определенное событие, и снова включить их, когда событие исчезнет. (Скажем, когда я нажимаю кнопку, все радио отключаются, когда я снова нажимаю ту же кнопку, все радио снова включа....
27 Авг 2020 в 07:06
Знаете ли вы, как я могу сделать, чтобы при входе на страницу диалоговое окно пользовательского интерфейса материала открывалось автоматически и реагировало демонстрация: https://codesandbox.io/s/6r757....
20 Авг 2020 в 01:43
Я пытаюсь реализовать компонент Accordion с пользовательским интерфейсом материала. Проблема, с которой я столкнулся, заключается в том, что серая линия автоматически вставляется над компонентом, хотя я предпочитаю белый фон. Как мне его удалить? Вот демонстрационный код. Демонстрация компонента ак....
19 Авг 2020 в 16:32
Как указано в заголовке, я пытаюсь изменить состояние объекта, вложенного в массив объектов. Я просто не могу заставить это работать. Я добавил образец того, что пытаюсь сделать, в codeandbox.
Я использую вызов компонента Material-UI ToggleButton (ссылка на демонстрацию ToggleButton). Я хочу изменит....
19 Авг 2020 в 07:08