在React JSX按钮元素

Question

我有使用React / JSX构建的表单

当我点击提交时，我想要禁用带有消息的按钮（例如“请稍候......”），这样用户就无法双重提交。

我正在使用data-disable-with来实现这一目标。

<button data-disable-with="Please wait..." onChange={this.foo} className="blah" onClick={this.submit}>
  Submit
</button>

但是，当我在Chrome，Firefox和Safari中试用它时，它并没有禁用该按钮。

我知道data-disable-with属性有效，因为当我不使用React生成表单时，我在我的Web框架（Rails + ERB模板）中的其他地方使用它。所以我的猜测是我在React中错误地实现了它。

知道可能出现什么问题吗？

谢谢！