允许禁用按钮触发onClick事件

Question

<button disabled={this.state.passingValidtions} type='submit'>Save</button>

当上述button被禁用时，我希望onClick触发，因此我可以向用户显示一条消息，说明为何该表单无法提交。

但已停用的button也会停用onClick。

这里有解决方法，所以我可以将button置于禁用模式并仍触发onClick吗？

Answer 1

您可以使用styles使按钮看起来像已停用。如果您将disabled属性设置为true，则不会触发onClick，因为它实际上并没有收听它。

你应该尝试类似的东西：

//disabled button
<button
  style={this.state.passingValidtions ? {
    ...
    opacity: "0.65",
    cursor: "not-allowed"
  } : { ... }} // style can be whatever you want for disabled buttons, it's just an example
  type="submit"
>
  Save
</button>