lucid-ui
Version:
A UI component library from AppNexus.
26 lines (25 loc) • 879 B
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import _ from 'lodash';
import { DropMenu } from '../../../index';
export default createClass({
getInitialState() {
return {
selectedIndices: [],
};
},
handleSelect(optionIndex) {
this.setState({
selectedIndices: [optionIndex],
});
},
render() {
const { selectedIndices } = this.state;
const options = ['Red', 'Green', 'Blue'];
return (React.createElement(DropMenu, { onSelect: this.handleSelect },
React.createElement(DropMenu.Control, null, _.isEmpty(selectedIndices)
? 'Select'
: options[_.last(selectedIndices)]),
_.map(options, (optionText, index) => (React.createElement(DropMenu.Option, { key: 'Option-' + index }, optionText)))));
},
});