title: How can i create Component insted className generated from array? Using React.js
body: <p>I'd like to ask you about how to create Component insted class. I've found this piece of code which works well</p>
  <pre><code>    {MenuItems.map((item, index) =&gt; {
        return (
          &lt;WrapperLi
            key={index}&gt;
            &lt;Link
              className={item.cName}
              to={item.path}
              onClick={() =&gt; setClick(false)}
            &gt;
              {item.title}
            &lt;/Link&gt;
  
          &lt;/WrapperLi&gt;
        );
      })}
  </code></pre>
  <p>Whole file MenuItems.js looks like this:</p>
  <pre><code>export const MenuItems = [
    {
      title: 'Marketing',
      path: '/marketing',
      cName: 'dropdown-link'
    },
    {
      title: 'Consulting',
      path: '/consulting',
      cName: 'dropdown-link'
    },
    {
      title: 'Design',
      path: '/design',
      cName: 'dropdown-link'
    },
    {
      title: 'Development',
      path: '/development',
      cName: 'dropdown-link'
    }
  ];
  </code></pre>
  <p>I hope i have simply question. Cuz i want have whole app in styled components i must create a component not className. Line <code>className={item.cName}</code> is responsible for creating className  for every element of Array.</p>
  <p>How to create Component named by <code>cName</code> value insted className please?</p>