Как передать параметры в привязке события onClick?

Question

Я установил событие onClick в ListItem. Затем вызывается .bind по методу, вызываемому для передачи значений идентификатора и имени элемента clicked list.

Следующий SO question предложил использовать bind, но кажется, что событие onCLick в ListItem прерывает переплет списка.

Перед тем как добавить событие click, привязка списка к asset.name работает так, как ожидалось, и этот список заполняется.

Также, если я попробую onClick={this._onAssetSelected() без параметров, событие клика не работает.

Вопрос:

Как вы можете передать параметры в затруднительное событие OnClick в JSX?

Определение списка:

   <List selectable={true} selected={0}> 
       { 

        this.state.data.map(function (asset) { 
         return (
          <ListItem justify="between" onClick={this._onAssetSelected.bind(this, asset.name, asset.id)} > 
           <span>{asset.name}</span> 
          </ListItem> 
         ); 
        }) 

       } 
       </List> 

метод вызывается из события щелчка:

_onAssetSelected(assetName, assetID) { 

    console.log(assetName); 
    console.log(assetID);  


    } 

Answer 1

Вы можете сделать это. Определите функцию anonymous как обратный вызов, внутри которого вы вызываете свой метод с параметрами. Hop ut помогает!

<List 
    selectable={true} 
    selected={0}> 
    { 

    this.state.data.map(function (asset) { 
     return (
      <ListItem 
       justify="between" 
       onClick={(e) => this._onAssetSelected(asset.name, asset.id, e)} > 
       <span>{asset.name}</span> 
      </ListItem> 
     ); 
    }) 

    } 
</List>