我正在使用React使用渲染多个数据array.map。
如何禁用列表中的单击按钮?
这是我的代码:
onRunClick(act, e) {
this.refs.btn.setAttribute("disabled", true);
}
render () {
return (
<div>
{
this.state.acts.map((act) => {
let boundActRunClick = this.onRunClick.bind(this, act);
return (
<p key={act._id}>
Name: {act.name}, URL(s): {act.urls}
<button ref='btn' onClick={boundActRunClick}>Run</button>
</p>
)
})
}
</div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
使用refs不起作用...我认为我无法添加状态,因为有多个按钮。