Question

我有一个模态，其中有单选按钮和切换按钮。对于切换按钮，发生的情况是当我切换模态时它会反映出来，但是当我关闭模态时，状态不会保留，即不保留状态，更改不会反映到默认值之外。我不知道我要去哪里错了。

footer.js

<footer className={"page-footer font-small blue  " 
          + (this.props.dltheme? 
            'darkfooter ' : 'lightfooter ') 
          + (this.props.tglinsetftrp ?
            'ftInsetTransIn ' : (this.props.tgsbclk ? 
                'ftDefTem ' : 'ftInsetOut '))}>                    
  <div className="text-center">© 2018 Copyright:                     
  </div>                    
</footer>

home.js

<Footer 
   dltheme={this.state.tgldlthemep} 
   tglinsetftrp={this.state.tginsetftrp} 
   tgsbclk={this.state.tglsidebarp}
/>

filtermodal.js.js 我正在使用reactstrap模态

<Modal
  isOpen={this.state.toggleModal} 
  toggle={this.togglem.bind(this)}
>
  <ModalBody className={this.state.tgthemep ? ' mdlTDCW ':'mdlTLCB '}>
    <Radiolayoutbtns permcldfn={this.permprntfn.bind(this)}/>
      <div className="row">
        <div className="col-6"> 
          <label>Footer</label>
          <div className="row">
            <Toggleswitch label='Footer' name='Inset' 
              togFooter={this.tgFooter.bind(this)}/>
          </div>
        </div>
      </div>
    </ModalBody>
  </Modal>

filtermodal.js 的另一个问题是单选按钮，我需要选择一个默认设置，它可以工作。当我选择另一个单选按钮时，当我关闭模式时，默认的单选按钮也被选择，由于该选择的单选按钮功能不起作用，因此状态也不会保留。我要去哪里错了？

RadioButton.js

<Input type="radio" name="radiobtns" value="" defaultChecked/>Default
<Input type="radio" name="radiobtns" value="" 
  onClick={()=>this.props.permcldfn(true)}/>Permanent

切换tgFooter 都重新切换状态

permprntfn 是设置状态的功能

permprntfn(prmchdp){
    this.setState({permprntp:prmchdp},()=>this.props.flpermanentFn(this.state.permprntp))  
    console.log("--41----",this.state.permprntp)    
}

有人可以帮我吗感谢您的帮助

模态值未保留在react js中

0 个答案: