javascript - 如何根据 Prop 更改我的类(class)渲染？

Question

我目前正在创建一个表单。有一个文本输入。如果用户写错了邮政编码，我想显示一个禁用的下拉选择。如果用户输入了正确的邮政编码，下拉菜单将被启用并从 restful API 请求数据。

问题是:我正在发送一个“已禁用”的 Prop ，但显然它不起作用。

class SelectJob extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            jobList:[],
            selectedJob:'default',
            loading:false,
            disabled:true
        }
        this.getJobs = this.getJobs.bind(this);
        this.jobHandler = this.jobHandler.bind(this);

    }

.
.
.

componentDidMount(){
            this.getJobs();
            this.setState({disabled:this.props.disabled});
};


render(){
        return(
            <MDBRow>
                <MDBCol sm="2">
                    {this.state.loading && <FontAwesomeIcon className="align-middle" spin icon={faSpinner}/>}
                </MDBCol>
                <MDBCol>
                    <select
                        disabled={this.state.disabled == true ? true : false}
                        id="jobId"
                        className="browser-default custom-select"
                        onChange={this.jobHandler}
                        value={this.state.selectedJob}>

                        <option disabled value="default">Profissão</option>
                        {!this.state.loading && this.state.jobList.map(
                            (job) => <option value={job.code} key={job.code}>{job.desc}</option>)
                        }
                    </select>
                </MDBCol>
            </MDBRow>
        )
    }

没有错误，但禁用不起作用。 它保持启用状态。

render(){
        let selectJobAlias;

        if (this.state.setted === true){
            selectJobAlias = <SelectJob disabled="false" addressPostCode={this.state.addressPostCode}/> 
        }
        else {
            selectJobAlias = <SelectJob disabled="true" addressPostCode={this.state.addressPostCode}/>
        }

Answer 1

    <select
 disabled={this.state.disabled ? true : null}
                            id="jobId"
                            className="browser-default custom-select"
                            onChange={this.jobHandler}
                            value={this.state.selectedJob}>