복붙노트

[REACTJS] 반응 - 매개 변수와 같은 클래스의 이벤트

REACTJS

반응 - 매개 변수와 같은 클래스의 이벤트

해결법


  1. 1.당신은 함수가 호출 될 때 호출되는 앞에 추가 인수에 function.bind ()를 사용할 수 있습니다.

    당신은 함수가 호출 될 때 호출되는 앞에 추가 인수에 function.bind ()를 사용할 수 있습니다.

    <a onClick={this.handleClick.bind(this, tableRow.ID)}>{tableRow.ACTION}</a>
    
    handleClick: function(tableRowId, e) {
        SelLines[tableRowId] = true;
        console.log("##Clicked##", tableRowId);
    }
    

    당신은 ()를 콜백지도 내부 렌더링되기 때문에 또한 콜백을 결합해야합니다 :

    var tableRows = Data.map(function(tableRow){
        // ...
    }.bind(this));
    

    아니면 ES6를 사용하는 경우는 바인드에 필요하지 않도록 기능을 화살표 쓸 수 있습니다 :

    var tableRows(Data.map((tableRow) => {
        // ...
    });
    

    그리고 당신은 몇 가지 인수를 다른 함수를 호출 핸들러와 같은 인라인 화살표 기능을 쓸 수 있습니다 :

    <a onClick={(e) => this.handleClick(tableRow.ID)}>{tableRow.ACTION}</a>
    
  2. from https://stackoverflow.com/questions/36338333/react-events-in-same-class-with-parameters by cc-by-sa and MIT license