유성/반작용 - 재질 UI 구성 요소 칩 기능

Question

를 onRequestDelete 인식하지 내가

onRequestDelete 내 응용 프로그램에서 재료 UI의 칩 요소를 사용하고 문서에 따라거야 - Callback function fired when the delete icon is clicked. If set, the delete icon will be shown.

import React from 'react' 
import { createContainer } from 'meteor/react-meteor-data' 
import Chip from 'material-ui/Chip' 

class InfluencerChips extends React.Component { 
    constructor(props){ 
    super(props) 
    this.state = { 
     currentInfluencers: [{name: {first: 'Test', last: 'User'}, relationship: 'Friend'}] 
    } 

    this.handleDelete = this.handleDelete.bind(this) 
    } 

    handleDelete(id){ 
    console.log(id) 
    } 

    render() { 
    return(
     <div> 
     { this.state.currentInfluencers.map((influencer, k) => 
      <Chip 
      key={k} 
      onRequestDelete={this.handleDelete(influencer.id)} 
      > 
      {influencer.name.first} 
      </Chip> 
     )} 

     </div> 
    ) 
    } 
} 

내가 수없는 것 'handleDelete'함수가 함수로 인식되도록합니다. 그것은이 렌더링 :

을하지만이에 줄을 변경할 때 :

는

onRequestDelete={function(){}} 

는이

그래서 handleDelete입니다 같은 닫기 아이콘 제대로 렌더링 (id) 실제로 함수? 이것을 처리하는 반응 방법은 무엇입니까? 미리 감사드립니다

Answer 1

this.handleDelete(influencer.id) 함수 this.handleDelete에 의해 반환의 반환 값이, 함수, 함수 아니지만, 대신 이벤트

변화를의 값을 필요로하기 때문에, 여기까지 :

onRequestDelete={() => this.handleDelete(influencer.id)}