Содержание фишек необходимо обновить после того, как я нажму на содержимое в меню

Question

• Я пытаюсь реализовать функциональность чипов, аналогичную рейсам Google.
• прямо сейчас, когда я нажимаю на фишки, меню открывается. здесь спорт это фишки
• но когда я нажимаю на профиль, спортивный текст в чипе должен обновляться текстом профиля с крестиком.
• Я попытался передать событие, но я не получил щелчок li в консоли.
• Подскажите, как это исправить.
• предоставив мой код ниже

мой код

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

пример

https://www.google.fr/flights#flt=AUS./m/02_286.2018-11-16/m/02_286.AUS.2018-11-20;c:USD;e:1;a:STAR_ALLIANCESTAR_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

Я обновил песочницу. Попробуйте это .