выпадающая ссылка на URL-адрес семантического интерфейса - PullRequest
Новая
       4

выпадающая ссылка на URL-адрес семантического интерфейса

0 голосов
/ 17 ноября 2018

У меня есть компонент Semantic UI React Dropdown с такими параметрами, как 

const options = [
  { key: 'user', text: 'Account', icon: 'user' },
  { key: 'settings', text: 'Settings', icon: 'settings' },
  { key: 'sign-out', text: 'Sign Out', icon: 'sign out' },
]

Я хочу связать каждый из вышеперечисленных элементов с URL-адресом, таким как «/ account», «/ settings» и «/ logout»

Я не уверен, как вызвать такое действие. Я не вижу никакого href или в подпорках. Я предполагаю, что мне придется написать функцию onClick или onChange?

1 Ответ

0 голосов
/ 21 ноября 2018

простая задача, не использовать onChange для изменения маршрута: 

import { Link } from 'react-router-dom';

const options = [
  { key: 'user', text: 'Account', icon: 'user', as: Link, to: '/my-account' },
  { key: 'settings', text: 'Settings', icon: 'settings' },
  { key: 'sign-out', text: 'Sign Out', icon: 'sign out' },
]
...