как использовать библиотеку реагирования с модалами - PullRequest
Новая
       19

как использовать библиотеку реагирования с модалами

1 голос
/ 24 сентября 2019

Я использую реагирующий модал для создания модальных моделей и пытаюсь сдвинуть модал снизу страницы.Для этого я пытаюсь ответить компонентом TransitionMotion.Мой код: 

{ this.state.openNumberPopup &&
  <TransitionMotion
    styles={[{key: 'key',style: this.getStyles()}] } 
  > 
   {
     (interpolated) => 
       <div> {
         interpolated.map(({ key, style, data }) => 
           <NumberPopup
             key={${key}-transition}
             style={{opacity: style.opacity,transform: scale(${style.scale})}}
             openNumberPopup={this.state.openNumberPopup}
             toggleNumberPopup={this.toggleNumberPopup}
             handleChange={this.handleChange}
             updateNumber={this.updateNumber}
             disableSubmit={this.state.disableSubmit} 
           />
         )
        } 
      </div>
    } 
  </TransitionMotion>
}

, где getStyles: 

getStyles = () => ({ opacity: spring(1), scale: spring(1) });

, но это не работает, потому что модальный компонент.

...