如何使用componentDidMount在ReactJs中选中编辑单选按钮

在“编辑”中打开具有所有值的模式，但在条件为真时不选中单选按钮。我在这里做错了什么，应该检查

这个.state.value

import React, { Component } from 'react';
import { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalFooter, MDBInputGroup } from 'mdbreact';
import InputForm from './productsinputfield';
import Collection from './collectionpopup';
import Product from './productpopup';
import axios from 'axios';
            

这是一节课：

class ModalPage extends Component {
        
    addToArr = [{ id: 1, shippingValue: 20, taxValue: 20, shipingStatus: 0, taxStaus: 1 }]
    state = {
        modal13: false,
        tag_name: 'Rajat Srivastava',
        status: false,
        valueStatus: false,
        quantityStatus: false,
    }

    // This is the function which is calling in every render what
    // I want whenever this will be called on edit then radio buttons
    // should be checked:

    componentDidMount() {
        
    // The Props Data Is Coming From Another Component
    if (this.props.sendRowData) {
    
    // This condition is true but still unable to checked radio button:

     if(this.props.sendRowData.cart_status == 1){ 
      
    
     this.setState({ valueStatus : true });
    
     }else if(this.props.sendRowData.cart_status == 2){
    
     this.setState({quantityStatus : true});
     }
    }
    }
      
    showPopUP(nr) {
    let modalNumber = 'modal' + nr
    this.setState({
        ...this.state,
        [modalNumber]: !this.state[modalNumber],
        status: !this.state.status,
    });
    this.setState({ name: 'Rajat Srivastava' });
    }

这是我的JSX代码

    render() {
    return (
    <div className="row">
    <div className="col-lg-2"></div>
    <div className="col-lg-8">
    <MDBContainer>
    <MDBBtn color="primary" className="floatDiv" onClick={() => this.showPopUP(13)}>
    Create Discount Tag
    </MDBBtn>
    
    {
    this.state.status && <MDBModal isOpen={this.state.modal13} toggle={() => this.showPopUP(13)} size="lg">
    <MDBModalBody>
    <MDBContainer size="lg">
    <form action="#" onSubmit={this.saveTagSettings}>
    <h6>Set Products <span style={{ color: "red" }}> * </span></h6><br />
    <div className="card   card-header">
    <div className="form-check card-header">
    <div className="marginLeft">
    <input className="form-check-input" type="radio" name="product" id="product" checked={this.state.valueStatus} value="1" onChange={(e) => this.handleProductRadio(e, 'minCartVal')} />
    <label className="form-check-label" htmlFor="product">
    Minimum Cart Value
    </label>
    </div>
    </div>
    
    <div className="form-check card-header">
    <div className="marginLeft">
    <input className="form-check-input" type="radio" name="product" id="product" checked={this.state.quantityStatus} value="2" onChange={(e) => this.handleProductRadio(e, 'minCartQua')} />
    <label className="form-check-label" htmlFor="product">
    Minimum Cart Quantity
    </label>
    </div>
    </div>
    </div>
    
    
    <MDBBtn color="primary" type="submit">Save Tag</MDBBtn>
    </form>
    </MDBContainer>
    </MDBModalBody>
    <MDBModalFooter>
    <MDBBtn color="secondary" onClick={() => this.showPopUP(13)}>
    Close
    </MDBBtn>
    </MDBModalFooter>
    </MDBModal>
    }
    
    </MDBContainer>
    </div>
    <div className="col-lg-2"></div>
    </div>
    );
    }
        }
        
        export default ModalPage;

render（）{
返回(
这个.showPopUP（13）}>
创建折扣标签
{
this.state.status&&this.showPopUP（13）}size=“lg”>
设置产品*

this.handleProductRadio（e，'minCartVal'）}/>
最低购物车价值
这个.handleProductRadio（e，'minCartQua'）}/>
最低购物车数量
保存标签
这个.showPopUP（13）}>
接近
}
);
}
}
导出默认ModalPage；

可能是

this.setState（{quantityStatus:true}）的原因

也一直在打电话，所以收音机没有被检查。是的，我已经解决了它，但是是的，你是对的，非常感谢你。也许不知为什么

this.setState（{quantityStatus:true}）

也一直在打电话，所以没有检查收音机。是的，我已经解决了问题，但你是对的，非常感谢。