react--创建数据错误提示js代码

131 阅读1分钟
this.state = {
    stageOne: {},
    errorObj: {}
}

checkStageOne = () => {
    const {stageOne} = this.state

    console.log(stageOne,'stageOne--');
    
    let errorObj = {}
    let flag = true
    if(!stageOne.title){
        errorObj.titleErr = '请填写标题'
        flag = false
    }
    if((stageOne.execType==1&&!stageOne.endTime)||(stageOne.execType==2&&(!stageOne.startTime||!stageOne.endTime))){
        errorObj.dateErr = '请选择任务日期'
        flag = false
    }
    if (stageOne.execType != 1&&stageOne.cyclicType!=1&&stageOne.cyclicValidType==2&&isNaN(parseInt(stageOne.effectiveHours))){
        errorObj.timeErr = '请填写任务有效期'
        flag = false
    }
    if(!flag){
        sendEvent('message', { txt: '任务未填写完整', code: 1001 })
    }
    this.setState({
        errorObj 
    })
    return flag
}

nextStep = ()=>{
    const {goStep} = this.props
    if(this.checkStageOne()){
        goStep(1)//下一步
    }
}

<div className="itemLable">触发时间<span className="errorTxt">{errorObj.timeErr}</span></div>