menuItems.js

const menuItems = [
  { display: "Home", icon: 'home' }, 
  { display: "Congregations", icon: 'users' }, 
  { display: "Members", icon: 'users' }, 
  { display: "Profile", icon: 'write' }, 
  { display: "Logout", icon: 'power' }
];

menuitems.js

const MenuItems = ({items = [], itemStyle = {}}) => (
  <React.Fragment>
  {items.map(({ display, icon }) => (
    <Menu.Item 
      as='a' 
      key={display}
      name={display}
      style={itemStyle}
    >
      <Icon name={icon} inverted style={{ color: '#709acd' }} />
      {display}
    </Menu.Item>
  ))}
  </React.Fragment>
)

NavBarMobile.js

<NavBarMobile
  onPusherClick={this.handlePusher}
  onToggle={this.handleToggle}
  rightItems={menuItems}
  visible={visible}
>
  {children}
</NavBarMobile>

sidebar.js

<Sidebar
  as={Menu}
  animation="overlay"
  icon="labeled"
  inverted
  vertical
  visible={visible}
  style={{ backgroundColor: '#2e567b' }}
>
  <MenuItems items={rightItems} itemStyle={responsiveStyle} />
</Sidebar>