React JS встроенный стиль не применяется - PullRequest
Новая
       11

React JS встроенный стиль не применяется

0 голосов
/ 10 сентября 2018 
render() { 
  const styles = {
    maxHeight: 'auto'
  }
  return (
    <div styleName="sticky-social-share" className={this.state.open ? 'open': null} >
      <ul styleName="sticky-social-share__icons" style={this.state.open ? styles : null}>

Я пытался реализовать встроенный CSS для элемента sticky-social-share__icons, но он не работает должным образом.

1 Ответ

0 голосов
/ 10 сентября 2018

Установить высоту на авто, а не на максимальную высоту: 

height: 'auto'

max-height должно иметь конкретное значение с использованием некоторой меры, например em, %, px и т. Д. 

height: 'auto',
maxHeight: '300px'

Насколько я понимаю, вы должны использовать min-height: 

height: 'auto',
minHeight: '300px'

Кроме того, вы можете избежать троичного оператора, используя операторы и : 

style={this.state.open && styles}

Это будет применять объект styles, только если this.state.open возвращает истинное значение.

...