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>

弹出按钮点击响应

1 个答案: