material-ui를 사용하여 버튼 값에 액세스 할 수 없음

Question

추가 진행 과정에 필요한 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를 통해 액세스하려고했지만 더 이상 작동하지 않습니다. 누군가 왜 나를 설명 할 수 있을까요? 문서화는 가치에 대해 아무 것도 말하지 않습니다.

Answer 1

MaterialUI는 value 소품을 사용하지 않습니다. 따라서 value 받침대를 IconButton으로 설정하면 기본적으로 아무 것도 의미하지 않습니다.

onClick 콜백 함수에 값을 전달하려면 해당 값을 함수에 바인딩하십시오. 따라서 호출 될 때 첫 번째 인수로 가져옵니다.

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