无法使用 material-ui 访问按钮值

Question

我必须访问一个按钮的值，因为它包含进一步处理所需的 ID。

我首先使用了带有一些 bootstrap 样式的普通按钮，一切正常。

 <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 访问它，但即使这样也无法正常工作。有人可以向我解释为什么吗？文档没有说明任何关于价值的内容。

Answer 1

MaterialUI 不使用任何 value 道具。因此，当您将 value 属性设置为 IconButton 时，它实际上没有任何意义。

如果您想将任何值传递给 onClick 回调函数，请将该值绑定到该函数。所以当它被调用时，你会把它作为第一个参数。

myRef.handleDeclineClick.bind(myRef, row.vacationRequestID)

Answer 2

使用currentTarget代替target

handleDeclineClick(e, value) {
    console.log("decline");
    console.log(e.currentTarget.value);
}

无法使用 material-ui 访问按钮值

Can´t access button value using material-ui

javascript

reactjs

material-ui