用createElement创建button时,怎么赋予其onclick

用createElement创建button时,怎么赋予其onclick.


<html>
<body>
<div id="xxx"></div>
</body>
</html>
<SCRIPT LANGUAGE="JavaScript">
<!--
var delBtn = document.createElement('input');
delBtn.type = 'button';
delBtn.onclick = xx;
delBtn.value='delete';

document.getElementById("xxx").appendChild(delBtn);

function xx(){
alert(this.value);
}
//-->
</SCRIPT>

dagcomponentfuncs.RobotControl = function (props) { const {setData, data} = props; let is_disabled = true; let pp_button = ‘’; if (props.value === 'RUNNING' || props.value === 'PAUSED') is_disabled = false if (props.value === 'RUNNING') pp_button = React.createElement( 'button', { onClick: function () { setData('pause'); }, className: 'btn btn-sm btn-secondary', disabled: is_disabled, title: 'Pause Queue' }, React.createElement('i', {className: 'fa fa-pause btn-sm'}) ) else if (props.value === 'PAUSED') pp_button = React.createElement( 'button', { onClick: function () { setData('resume'); }, className: 'btn btn-sm btn-success', disabled: is_disabled, title: 'Resume Queue' }, React.createElement('i', {className: 'fa fa-play'}) ) else pp_button = React.createElement( 'button', { className: 'btn btn-sm btn-secondary', disabled: is_disabled, title: 'Unknown Queue State' }, React.createElement('i', {className: 'fa fa-question'}) ) return [ React.createElement( 'button', { onClick: function () { setData('add'); }, className: 'btn btn-sm btn-primary', disabled: is_disabled, title: 'Queue perm. Runs' }, React.createElement('i', {className: 'fa fa-plus btn-sm'}) ), " ", pp_button, " ", React.createElement( 'button', { onClick: function () { setData('clear'); }, className: 'btn btn-sm btn-danger', disabled: is_disabled, title: 'Clear Queue' }, React.createElement('i', {className: 'fa fa-trash'}) ), " ", React.createElement( 'button', { onClick: function () { setData('upload'); }, className: 'btn btn-sm btn-info', disabled: is_disabled, title: 'Upload Firmware' }, React.createElement('i', {className: 'fa fa-upload'}) ), " ", React.createElement( 'button', { onClick: function () { setData('service'); }, className: 'btn btn-sm btn-warning', title: 'Manage Services' }, React.createElement('i', {className: 'fa fa-skull'}) ), ]; }; 在上面代码里添加FINISHED状态
最新发布
04-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值