Fatal编程技术网
  • javascript/
  • Javascript 在React JSX按钮元素中使用数据禁用

Javascript 在React JSX按钮元素中使用数据禁用

javascript html ruby-on-rails reactjs

Javascript 在React JSX按钮元素中使用数据禁用,javascript,html,ruby-on-rails,reactjs,jsx,Javascript,Html,Ruby On Rails,Reactjs,Jsx,我使用React/JSX构建了一个表单 当我单击提交时，我想禁用带有消息的按钮（例如“请稍候…”），这样用户就不能重复提交 我正在使用数据禁用和来实现这一点 <button data-disable-with="Please wait..." onChange={this.foo} className="blah" onClick={this.submit}> Submit </button> 提交 不过，当我在Chrome、Firefox和Safari中试用时

我使用React/JSX构建了一个表单

当我单击提交时，我想禁用带有消息的按钮（例如“请稍候…”），这样用户就不能重复提交

我正在使用数据禁用和来实现这一点

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


提交
不过，当我在Chrome、Firefox和Safari中试用时，它并没有禁用该按钮

我知道
data disable with
属性可以工作，因为我在web框架（Rails+ERB模板）的其他地方使用它，而不是使用React生成表单。所以我猜我在React中错误地实现了它

你知道会出什么问题吗

谢谢

Try
@Nick可能重复-感谢您的建议。你能解释一下
{…
在这里做什么吗？谢谢！@user2490003