semantic-ui-react dropdown link to a url

Question

I have a Semantic UI React Dropdown component with options like

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

I want to link each of the above items to a url such as '/account', '/settings' and '/logout'

I'm not sure how to trigger such action. I do not see any href or in the props. I'm guessing I will have to write a onClick or onChange function?

H4mit · Accepted Answer · 2018-11-21 06:23:53Z

4

simple task, not use onChange for change route :

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' },
]

answered Nov 21, 2018 at 6:23

H4mit

1061 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

semantic-ui-react dropdown link to a url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related