Невозможно получить доступ к значению кнопки с помощью материала-ui

Question

Мне нужно получить доступ к значению кнопки, поскольку оно содержит идентификатор, необходимый для дальнейшего прогресса.

Сначала я использовал обычную кнопку с некоторыми стилями начальной загрузки и все работало нормально.

<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)) 
} 

Теперь, после использования материала-ui, я больше не могу получить доступ к значению.

<IconButton 
    iconClassName="material-icons" 
    tooltip="Ablehnen" 
    value={row.vacationRequestID} 
    ref={"dd"} 
    onClick={myRef.handleDeclineClick.bind(myRef)} 
    > 
     thumb_down 
    </IconButton> 

Я попытался получить к нему доступ посредством ссылки, но даже не работает. Может кто-нибудь объяснить мне, почему? Документация ничего не говорит о ценности.

Answer 1

MaterialUI не использует никаких value опора. Поэтому, когда вы устанавливаете value опору на IconButton, это означает практически ничего.

Если вы хотите передать любое значение функции обратного вызова onClick, привяжите значение к функции. Поэтому, когда он вызывается, вы получите его как первый аргумент.

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