在单击菜单中的内容后，需要更新芯片内容。

Question

• 我正在尝试实现类似于谷歌航班的芯片功能。
• 现在，当我点击芯片时，菜单就打开了。在这里，体育是一种筹码
• 但是当我单击profile时，芯片中的运动文本应该用带有十字图标的profile文本进行更新。
• 我试图通过传递事件，但我没有得到点击的李在控制台。
• 你能告诉我怎么修吗。
• 提供下面的代码

我的代码

https://codesandbox.io/s/40mmrl9059

示例

286.2018-11-16_/m/02_286.AUS.2018-11-20;c:USD;e:1;a:STAR_ALLIANCE_STAR_ALLIANCE;sd:1;t:f

<WithState>
              {({ anchorEl, updateAnchorEl }) => {
                const open = Boolean(anchorEl);
                const handleClose = e => {
                  console.log("handleClose --->", e);
                  updateAnchorEl(null);
                };

                return (
                  <React.Fragment>
                    <Chip
                      onClick={event => {
                        console.log(
                          "event.currentTarget--->",
                          event.currentTarget
                        );
                        updateAnchorEl(event.currentTarget);
                      }}
                      label="Sports"
                      className={classes.chip}
                    />

                    <Chip
                      label="Sports Staus Active"
                      onDelete={handleDelete}
                      className={classes.chip}
                      color="primary"
                    />

Answer 1

我更新了沙箱。试试这。