Почему компонент MenuItem не работает как ссылка в реагирующем материале

Question

Привет, я пытаюсь использовать всплывающее меню, которое должно после нажатия на элемент изменить URL и компонент, но это не работает. Я построил свою ситуацию в песочнице: https://codesandbox.io/s/romantic-surf-40p19?fontsize=14&hidenavigation=1&theme=dark

Я использую это так

<MenuItem component={Link} to="/edit">
   Zmena role
</MenuItem>

Проблема в том, что после нажатия ничего не происходит. Спасибо за помощь

Answer 1

Ваша проблема в том, что в JSX css написано немного иначе, чем обычный CSS. Ваш стиль background-color: red должен быть записан как backgroundColor: "red" Я добавил ссылку на рабочую версию, которую я исправил ниже. Обратите внимание на то, как я написал css в JSX.

Решение: https://codesandbox.io/s/romantic-golick-jhzcz

Для дополнительного обучения: https://www.w3schools.com/react/react_css.asp , https://reactjs.org/docs/faq-styling.html

Дайте мне знать, если это помогло!