개체를 가져 와서 재질 체크 박스의 체크 박스를 가져옵니다.

Question

체크 박스 개체를 가져 와서 ID를 추출하려고합니다. 내 마크 업 코드 :

<div style={{display: 'inline-block', }}><Checkbox id='q1' onclick={toggleField(this)}/></div> 
<div style={{display: 'inline-block', }}><Checkbox id='q2' onCheck={toggleField(this)}/></div> 

기능 :

toggleField = (obj) => { 
    console.log("id : " + obj.id); 
    } 

Aaaannnd이 나에게 오류를 제공합니다. 그것은 toggleField is not defined라고합니다. 확인시 q1 또는 q2을 얻으려고합니다.

내 논리를 테스트하기 위해 기본 html 및 js에서 유사한 데모를 준비했습니다. 마크 업 코드

<input id='c1' type='checkbox' onclick='handleClick(this);'>Check Me</label> 

JS 코드

handleClick = (cb) => { 
    console.log("Clicked, new value = " + cb.id); 
} 

그리고 내가 얻으려고 노력하고있는 나에게 c1을 제공합니다.

어떻게 jsx에 대해 동일한 결과를 얻을 수 있습니까?

Answer 1

JSX에서는 onClick입니다. 물론 다음과 같이 생성자에 바인드를 추가하는 것이 좋습니다. this.toggleField = this.toggleField.bind (this)

toggleField (이벤트)를 얻고 이벤트에서 event.target과 같은 대상을 시도합니다 거기에서 당신의 이드에게 연락하십시오.

희망이 도움이됩니다.