hoverselector2.js

import React from 'react'

import { DropdownButton, MenuItem }  from 'react-bootstrap'

class HoverSelector extends React.Component {
	constructor: function (props) {
		super(props)
	},
	render: function () {

		var hoverSelectorAttr = {
			className: 'pull-left'
		}

		var dropDownButtonAttr = {
			title: 'title', 
			id: 'hover-selector',
			style: {
				margin: '5px 0 0 5px',
    			opacity: 0.3
			}
		}

		return (
			<div {...hoverSelectorAttr}>
				<DropdownButton {...dropDownButtonAttr}>
					<MenuItem key={0} eventKey="hidden">hidden</MenuItem>
					<MenuItem key={1} eventKey="show">show</MenuItem>
				</DropdownButton>
			</div>
		)

	}
}

export default HoverSelector   // this exports for others to do:  import HoverSelector from './hoverselect.js'