CSSスタイルがモーダルに適用されないのはなぜですか？

Question

何らかの理由でCSSスタイルがリアクションモードに適用されていません。理由は何ですか？

render() { 
    return (
     <div> 
     <Modal defaultOpen={this.props.isShowing} className="openmodal"> 
     </Modal> 
     </div> 
    ); 
} 

CSSファイル

.openmodal{ 
    text-align: center; 
    background-color: black; 
    border-radius: 0; 
    width: 400px; 
    position: relative; 
} 

Answer 1

あなたはこのようにそれを適用するjavascriptのスタイルを使用する場合は、

const openmodal = { 
 
    content: { 
 
    textAlign: 'center', 
 
    backgroundColor: 'black', 
 
    borderRadius: '0', 
 
    width: '400px', 
 
    position: 'relative' 
 
    } 
 
} 
 

 
render() { 
 
    return (
 
     <div> 
 
     <Modal defaultOpen={this.props.isShowing} style={openmodal}> 
 
     </Modal> 
 
     </div> 
 
    ); 
 
}

インラインスタイルを試してみてください。