ポップアップボタンをクリックして反応をクリック

Question

特定のユーザーのデータが入っているボタンをクリックするとポップアップメニューが表示されます。私は以下のようにJSファイルにコンポーネントのコードを書かれている：

Object.keys(user).map(function (key,index){ 
      console.log(user[key].pk); 
      return(
      <tr> 
      <td> 
       {user[key].pk} 
      </td> 
      <td> 
       {user[key].fields.username}3 
      </td> 
      <td> 
       {user[key].fields.email} 
      </td> 
      <td style={{align:"center"}}> 
      <Button bsStyle="primary" onClick={}><Glyphicon glyph="tag" /></Button> 

      </td> 
      <td> 
      <Button bsStyle="danger"><Glyphicon glyph="remove" /></Button> 
      </td> 
      </tr> 
     ) 

をだから私は私の問題を解決するために行うために必要なもの、私を案内してください？

Answer 1

関数onClickを呼び出して、key and pk（pkが一意の識別子であると仮定）を渡す必要があります。その後、メニューを開き、キーとpkに基づいてユーザーの詳細を表示することができます

openPopupMenu = (key, pk) => { 
    this.setState({key, id: pk}); 
    //open popup menu from here and supply these identifiers 
} 

<Button bsStyle="primary" onClick={() => this.openPopupMenu(key, user[key].pk)}><Glyphicon glyph="tag" /></Button>