第二次点击按钮时崩溃

Question

当我点击首先添加患者时，它的工作正常但我再次单击添加患者按钮页面崩溃。我该怎么办？

 render() {
        const { patientsMasterData, addPatientForm, onGetTimelyFiling, PatientInfo,addRelatedClaim } = this.props;
    return (
                <ul className="add-list add-patient-menu">

                    <li>
                        <div className="add-list_key">
                            Referred By<span className="add-list_required"> *</span>
                        </div>
                        {/* <div className="add-list_value">
                            <Field
                                name="ReferredBy"
                                component="select"
                                onChange={this.onChange}>
                                <option value="0">Select</option>
                                {patientsMasterData.ReferredBy && patientsMasterData.ReferredBy.map(referredObj =>
                                    <option key={referredObj.RefID} value={referredObj.RefID}>{referredObj.RefName}</option>
                                )}
                            </Field> */}

                        <div className="add-list_value1">
                        <ReactAutocomplete
                                    name="ReferredBy"
                                    items = {patientsMasterData && patientsMasterData.ReferredBy && patientsMasterData.ReferredBy.map(referredObj =>(
                                        {options:referredObj.RefName,
                                        values:referredObj.RefID}
                                        ))
                                    }
                                    shouldItemRender={(item, value) => item.options.toLowerCase().indexOf(value.toLowerCase()) > -1}
                                    getItemValue={(item) => item.options}
                                    renderItem={(item, highlighted) =>
                                        <div
                                        key={item.values}
                                        style={{ backgroundColor: highlighted ? '#3db4e5' : '#FFFFFF',cursor:'pointer', border:'1px solid lighten($grey-element,30%)',padding: '5px' }} >
                                        {item.options}
                                        </div>}
                                    inputProps={{placeholder:'Select...'}}
                                    menuStyle={this.props.menuStyle}
                                    wrapperStyle={this.props.wrapperStyle}
                                    value={this.state.value}
                                    onChange={this.onValueChange}
                                    onSelect={this.onValueChange}
                        />
                        </div>
                    </li>            
                    {addPatientForm && addPatientForm.values.ReferredBy && addPatientForm.values.ReferredBy!==0 &&
                        this.state.isSubref &&
                    <li>
                        <div className="add-list_key">
                           SubRef By<span className="add-list_required"> * 
                        </span> </div>
                        <div className="add-list_value">
                                <Field name="SubRefID" component="select" >
                                        <option value='0'>Select</option>
                                        {patientsMasterData.SubRef && patientsMasterData.SubRef.map(referredObj =>
                                            <option key={referredObj.SubRefID} value={referredObj.SubRefID}>{referredObj.Name}</option>
                                        )}
                                </Field>
                        </div>
                    </li>
                    }

这是我的代码，为了避免崩溃，需要在我的代码中进行哪些更改。在崩溃时，控制台显示错误，在addPatientForm && addPatientForm.values.ReferredBy && addPatientForm.values.ReferredBy!==0 && this.state.isSubref这个条件下未提及引用。

Answer 1

添加addPatientForm.values的检查，让我知道它是否仍然崩溃。