title: How to link or route the react semantic UI dropdown component
body: <p>I am a newbie to React. I am trying to add links to the React semantic UI dropdown menu. Following is the component that I fetched from React semantic UI</p>
  
  <pre><code>import React from "react";
  import { Dropdown } from "semantic-ui-react";
  import { BrowserRouter as Router, Route, Link } from "react-router-dom";
  
  const trigger = (
    &lt;span style={{ marginTop: "2px" }}&gt;
      &lt;i aria-hidden="true" class="user big icon" size="big" /&gt;
    &lt;/span&gt;
  );
  const options = [
    { key: "user", text: "Account", icon: "user", to: "/accounts" },
    { key: "settings", text: "Settings", icon: "settings", to: "/settings" },
    { key: "sign-out", text: "Sign Out", icon: "sign out", to: "/sign-out" }
  ];
  
  const DropdownMenu = () =&gt; (
    &lt;Dropdown
      trigger={trigger}
      options={options}
      pointing="top right"
      icon={null}
    /&gt;
  );
  
  export default DropdownMenu;
  </code></pre>
  
  <p>I tried adding "to" keyword to the options array and have added the Route paths to the Router which lies in a different component but it's not working. Any help would be appreciated, Thank you.</p>