Есть ли способ нацелить братьев и сестер с помощью withStyles в Material ui? - PullRequest
Новая
       18

Есть ли способ нацелить братьев и сестер с помощью withStyles в Material ui?

3 голосов
/ 24 октября 2019

Я использую компонент Select материала ui. Я хочу настроить выпадающее меню с помощью верхней стрелки. Я переопределил menuStyle, используя псевдоэлемент before. Однако стрелка появляется на экране еще до нажатия на выпадающий список. Это потому, что класс также используется в элементе select. Я хочу выбрать выпадающее меню, проверив наличие братьев и сестер. 

         <Select
              value={this.state.date}
              onChange={this.handleChange}
              displayEmpty
              name='date'
              autoWidth={false}
              className={classes.selectWithArrow}
              classes={{
                icon: classes.icon,
                selectMenu: classes.menuStyle,
                select: classes.select,
              }}
              renderValue={value => this.state.date}
              root={classes.root}
              input={
                <Input
                  name='date'
                  id="label-placeholder"
                  classes={{
                    root: classes.root,
                  }}
                />
              }
              MenuProps={{ classes: { paper: classes.menuStyle } }}
            >
              <MenuItem value={1}>One</MenuItem>
              <MenuItem value={2}>Two</MenuItem>
              <MenuItem value={3}>Three</MenuItem>
         </Select>

Я хочу нацелиться на братьев и сестер примерно так - 

  const styles = theme => ({

   '.menuStyle.selectMenu': {

    '&::before': {

      },
    }
  });

Есть ли способ? Любые выводы будут высоко оценены.

...