react-bootstrap: Modals dialogClassName Requisite funktioniert nicht

Question

Ich benutze die dialogClassName Requisite, um die Breite eines Modals auf 90% zu ändern. Das CSS ändert nichts. Ich habe überprüft, dass style.css für alle anderen Klassen funktioniert.

Die Lösung in diesem SO question funktioniert nicht. Die documentation funktioniert auch nicht.

Ich schätze Ihre Hilfe!

Verfahren nach modal.js Render:

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

Nach Quellcode dialogClassName verwendet wird classname für das Dialogkomponente einzurichten. Sie können die Eigenschaft dialogComponent an die Modal-Komponente übergeben.

Sie Beschreibung von dialogComponent in der nächsten Zeile lesen in der Modal docs dialogComponentClass.