Question

我有一个条件，如果两个文本字段相同，它将继续，如果没有，则按钮被禁用。我知道我做错了。

onSubmit() {
        debugger
        if  (this.state.password == this.state.password2)
            alert('same');
        else 
            alert('error');
            this.disable;
}

Answer 1

首先，不要检查onSubmit但是在更改时（你不想在它被提交后禁用它）两个输入。为disabledButton添加状态值，并且仅当两个输入相同时（在onChange事件中）将其设置为false。

您可以在JSX中设置禁用按钮，如下所示

<button disabled={this.state.disabledButton} />

Answer 2

您可以在render功能中执行此操作：

render() {
  const submitDisabled = this.state.password !== this.state.password2

  return (
    // ...
      <button disabled={submitDisabled}>Submit</button>
    // ...
  )
}

Answer 3

这将完美工作。试试这个

render（）{ const SubmitDisabled = password.length> 0 返回（ // ... 提交 // ... ） }

如何禁用Reactjs中的按钮onclick？

3 个答案: