Реагировать на оператор условия UI Material внутри свойства стиля кнопки - PullRequest
Новая
       11

Реагировать на оператор условия UI Material внутри свойства стиля кнопки

0 голосов
/ 25 января 2019

Мне нужно иметь условие в свойстве стиля кнопки. Вот как выглядит мой код в данный момент. 

  <Button variant="outlined" component="span" className={classes.button}>
    Choose file
  </Button>

Мне нужно что-то вроде этого. 

      <Button variant="outlined" component="span" className={classes.button}
style={{display: ((this.props.filename === true)? 'none' : 'block') }}
>
        Choose file
      </Button>

Есть идеи, как мне это сделать?

Ссылка: https://material -ui.com / api / button /

Ответы [ 2 ]

0 голосов
/ 25 января 2019

Я думаю, что проблема здесь та же, что и здесь: Может ли withStyles передавать реквизиты объекту стилей ?

0 голосов
/ 25 января 2019

Вы были очень близки.Единственная хитрость здесь в том, что, указав === true в вашем условии, вы пропустите приведение типа к вашей переменной, что на самом деле необходимо в этом случае, так как мы хотим проверить, является ли строка пустой.

Одно исправление дляэто будет просто удалить его и позволить JavaScript выполнить приведение типов, которое проверяет, является ли строка пустой или нулевой: 

<Button variant="outlined" component="span" className={classes.button} 
  style={{display: ((this.props.filename) ? 'none' : 'block') }}>
   Choose file
</Button>

Этот пост хорошо объясняет, как выполняется преобразование,Другие способы проверки на наличие пустой строки в JavaScript, с принуждением или без него, можно найти в этом SO сообщении .

...