我必须访问按钮的值,因为它包含进一步进展所需的ID。
我首先使用带有一些引导样式的普通按钮,一切正常。
<button
value={row.vacationRequestID}
className="btn btn-warning"
onClick={myRef.handleDeclineClick.bind(myRef)}>No
</button>
handleDeclineClick(e, value) {
console.log("decline");
console.log(e.target.value) //ID: 120
// this.props.declineClick(e);
//dispatch(requestStatusUpdate(e.target.value, declined, reason))
}
现在使用material-ui之后,我再也无法访问该值了。
<IconButton
iconClassName="material-icons"
tooltip="Ablehnen"
value={row.vacationRequestID}
ref={"dd"}
onClick={myRef.handleDeclineClick.bind(myRef)}
>
thumb_down
</IconButton>
我曾尝试通过ref访问它,但即使这样也不行了。有人能解释一下为什么吗?文档没有说明价值。
答案 0 :(得分:0)
MaterialUI不使用任何value
道具。因此,当您将value
道具设置为IconButton
时,它实际上意味着什么。
如果您想将任何值传递给onClick
回调函数,请将该值绑定到该函数。所以当它被调用时,你会把它作为第一个参数。
myRef.handleDeclineClick.bind(myRef, row.vacationRequestID)
答案 1 :(得分:0)
使用currentTarget
代替target
handleDeclineClick(e, value) {
console.log("decline");
console.log(e.currentTarget.value);
}