react-bootstrap: Modal's dialogClassName prop çalışmıyor

Question

Bir Modal'ın genişliğini% 90 olarak değiştirmek için dialogClassName desteğini kullanıyorum. CSS hiçbir şeyi değiştirmez. Bu style.css'nin diğer tüm sınıflar için iyi çalıştığını doğruladım.

Bu SO question numaralı çözümde çalışmaz. documentation da çalışmıyor.

Yardımlarınız için minnettarım!

modal.js yöntemi işlemek:

render() { 
    return (
     <div> 
     <CardMain openModal={this.handleOpen} 
        {...this.props} /> 

     <Modal 
      show={this.state.open} 
      onHide={this.handleClose} 
      dialogClassName="main-modal" 
     > 

      <ModalMain tabKey={this.state.tabKey} 
         {...this.props} /> 

      <FeedbackForm /> 
     </Modal> 
     </div> 
    ); 
    } 

style.css:

.main-modal { 
    width: 90%; 
} 

Answer 1

kaynak kodu dialogClassName iletişim bileşen ClassName ayarlamak için kullanılır göre. DialogComponent özelliğini Modal bileşenine geçirebilirsiniz.

Sen Modal docs yılında dialogComponentClass yanındaki satırda dialogComponent açıklamasını okuyabilirsiniz.