要进行反应切换的唯一默认状态/类

我有以下内容,但目前它正在设置 减少 类作为默认值。切换工程罚款,我只是想一个独特的 默认类 在任何单击发生之前首先显示。单击之后,它会像现在一样在最大化和最小化类之间切换。

class ToggleIt extends Component {
   constructor(props) {
     super(props)
     this.state = {
       expandedTray: false,
     }
     this.toggleExpandedTray = this.toggleExpandedTray.bind(this);
   }
   toggleExpandedTray() {
     this.setState({ expandedTray: !this.state.expandedTray, });
   }
   render() {
     return (
         <div
           className={`something--isi-tray ${this.state.expandedTray ? 'expanded-tray' : 'minimize-tray'}`}
           onClick={this.toggleExpandedTray}
         >
           <div className="something--isi-tray__content">
               <h3>{this.props.mainHeadingTitle}</h3>
            <div
                  data-rte-editelement
                  dangerouslySetInnerHTML={{
               __html: DOMPurify.sanitize(this.props.isiContent)
            }}
            />
           </div>
       </div>
     )
   }
 }