У меня есть следующее:
<ListItem key={name} hidden={true} aria-hidden={true}>
name
</ListItem>
но ListItem все еще появляется. Как это можно скрыть?
Как скрыть MUI React ListItem?
03.04.2019
- У него нет атрибута
hiddenсогласно API (material-ui.com/api/list-item) Вот почему он все еще появляется. 04.04.2019
Ответы:
1
Насколько я знаю, в компоненте ListItem в Material-UI нет реквизита hidden, поэтому вам придется реализовать собственное поведение, чтобы скрыть ListItem :
- Вы можете вообще не отображать соответствующие
ListItem. - Вы можете визуализировать его, но скрыть с помощью CSS. См. Как отображать и скрывать div с помощью CSS?.
03.04.2019
2
Я пытался программно скрыть компонент FormControl Material-UI и обнаружил ту же проблему (то есть отсутствие реквизита hidden).
Что сработало для меня, так это добавить метод, возвращающий соответствующую строку класса в зависимости от того, хочу ли я показать рассматриваемый компонент или нет.
Например, с такими стилями, как:
const styles = createStyles({
...
formcontrol: {
minWidth: 120,
margin: 10
},
invisible: {
visibility: "hidden"
},
});
Я добавил это в свой класс компонентов:
getStyle() {
let cls: string;
if (this.props.whatever) {
cls = this.props.classes.formcontrol;
} else {
cls = this.props.classes.invisible + " " + this.props.classes.formcontrol;
}
return cls;
}
И затем укажите это из render() при создании компонента, который я иногда хочу скрыть:
<FormControl className={this.getStyle()}>
...
</FormControl>
Это должно работать для любого стилизованного компонента MUI.
(Примечание: реквизит отображения появляется из документации, чтобы сделать это, но не у меня это не работает. Возможно, это работает только для компонентов Box, которые используются во всех примерах в документации. Это стоит дальнейшего изучения, на которое я еще не тратил время.)
17.01.2020
Новые материалы
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно
Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка.
Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать
С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv)
Автор : Бар Лайт
Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята?
В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение.
В этом процессе мы будем использовать неконтролируемое обучение, чтобы..