MenuItem containerElement Ссылки не работают после обновления до v1 material-ui

Старые пункты меню не работают с react-router-dom

     <MenuItem
                containerElement={<Link to="/module" />} >Module</MenuItem>

Это перестало работать....

Как я могу обновить эти новые элементы управления пунктом меню для работы с реактивным маршрутизатором?

Я попытался заменить containerElement на root, а также окружить его тегом, но при этом гиперссылка остается подчеркнутой. Я хотел бы сохранить тот же стиль, что и MenuItem.


material-ui react-router-dom
person Bryan Stump    schedule 26.01.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

из этого сообщения: Как выполнить маршрутизацию с material-ui@next MenuItem?

см. demo.js отсюда https://codesandbox.io/s/5213wzkvpl

Вы можете использовать Link как дочерний элемент для MenuItem:

<MenuList>
  <MenuItem>
    <Link to="/myRoute" style={{ textDecoration: 'none', display: 'flex' }}>
      go to my route
    </Link>
  </MenuItem>
</MenuList>
person Bryan Stump    schedule 26.01.2018