WedX - журнал о программировании и компьютерных науках

Как скрыть MUI React ListItem?

У меня есть следующее:

<ListItem key={name} hidden={true} aria-hidden={true}>
  name
</ListItem>

но ListItem все еще появляется. Как это можно скрыть?

03.04.2019

  • У него нет атрибута hidden согласно API (material-ui.com/api/list-item) Вот почему он все еще появляется. 04.04.2019

Ответы:


1

Насколько я знаю, в компоненте ListItem в Material-UI нет реквизита hidden, поэтому вам придется реализовать собственное поведение, чтобы скрыть ListItem :

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? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..


Для любых предложений по сайту: [email protected]