title: Why isn't my Dropdown styled in React Semantic UI?
body: <p>I am learning React and I'm about a week into it. I want to build a dropdown and to learn React Semantic UI I thought I could begin by copying the code from their website <a href="https://react.semantic-ui.com/modules/dropdown#dropdown-example-selection" rel="nofollow noreferrer">here</a>. I can't get it to look right even when copying the code as directly as possible. Can someone explain what the difference is that is making mine look wrong?</p>
  
  <p>My code: </p>
  
  <pre><code>import React from 'react'
  import { Dropdown } from 'semantic-ui-react'
  
  var options = [
      {
        text: 'Jenny Hess',
        value: 'Jenny Hess',
      },
      {
        text: 'ME',
            value: 'ME',
      }
  ]
  
  const Reorder = () =&gt; (
    &lt;Dropdown placeholder='Select Friend' fluid selection options={options} /&gt;
  )
  
  export default Reorder
  </code></pre>
  
  <p>Code example from the documentation: </p>
  
  <pre><code>import React from 'react'
  import { Dropdown } from 'semantic-ui-react'
  
  import { friendOptions } from '../common'
    // friendOptions = [
    //   {
    //     text: 'Jenny Hess',
    //     value: 'Jenny Hess',
    //     image: { avatar: true, src: '/assets/images/avatar/small/jenny.jpg' },
    //   },
  //  ...
  // ]
  
  
  const DropdownExampleSelection = () =&gt; (
    &lt;Dropdown placeholder='Select Friend' fluid selection options={friendOptions} /&gt;
  )
  
  export default DropdownExampleSelection
  </code></pre>