如果组件值已在响应中更改,则启用按钮

时间:2019-02-14 05:50:47

标签: reactjs

如果表单值与初始props值不同,我想启用我的react表单。我的表单是通过props加载的,如果当前状态不同于props,我想启用该按钮。我该如何实现?

1 个答案:

答案 0 :(得分:1)

您可以在状态如isEdited中使用标志,并有一个处理程序来将该标志设置为

onEditHandler = () =>{
  setState((previousState, currentProps) => {
      if(this.state !== currentProps){
         return {isEdited:true};
      }else{
         return {isEdited:false};
      } 
  });
}

onChange()输入的处理程序中调用此处理程序。

  

使用按钮中的标志启用禁用

<button disable={this.state.isEdited}></button>