react.ts判断input是否为空 改变input边框颜色

//container 组件
 <input
    type="text" 
    value={name}
    onChange={onNameChange}
    onBlur={onNameBlur}
    className={inputFlag ? styles.inpColor :''}
          />

  <Button
          type="primary"
          loading={loading}
          disabled={loading}
          onClick={onSave}  >

                保存
  </Button>

上面这段是//container 组件

//主组件
private saveWidget = () => {
      console.log('editor')
    let params: any = match.params;
    let name = (compDetail && compDetail.compName.trim()) || this.state.name
    let description = (compDetail && compDetail.desc.trim()) || this.state.description
    // let inputFlag=this.state.inputFlag
    console.log(!name.trim())
    if (!name.trim()) {
     
    const valLength=!name.trim()
    console.log(valLength)
    return this.setState({inputFlag:valLength})
    }
}

上面这段是主组件中的代码

遇到了什么问题呢