Basic Example with Static Data
-
When using static data, you use the client to sort and filter the items,
so Autocomplete
has methods baked in to help.
-
+
Choose a state from the US
item.name}
shouldItemRender={matchStateToTerm}
diff --git a/lib/Autocomplete.js b/lib/Autocomplete.js
index fd25a96d..6d5e9eb0 100644
--- a/lib/Autocomplete.js
+++ b/lib/Autocomplete.js
@@ -1,5 +1,4 @@
const React = require('react')
-const lodash = require('lodash')
const scrollIntoView = require('dom-scroll-into-view')
let _debugStates = []
@@ -14,7 +13,6 @@ let Autocomplete = React.createClass({
renderItem: React.PropTypes.func.isRequired,
menuStyle: React.PropTypes.object,
inputProps: React.PropTypes.object,
- labelText: React.PropTypes.string,
wrapperProps: React.PropTypes.object,
wrapperStyle: React.PropTypes.object
},
@@ -27,7 +25,6 @@ let Autocomplete = React.createClass({
display: 'inline-block'
},
inputProps: {},
- labelText: '',
onChange () {},
onSelect (value, item) {},
renderMenu (items, value, style) {
@@ -55,7 +52,6 @@ let Autocomplete = React.createClass({
},
componentWillMount () {
- this.id = lodash.uniqueId('autocomplete-');
this._ignoreBlur = false
this._performAutoCompleteOnUpdate = false
this._performAutoCompleteOnKeyUp = false
@@ -313,11 +309,9 @@ let Autocomplete = React.createClass({
state: this.state
})
}
+
return (
-
- {this.props.labelText}
-
this.handleKeyUp(event)}
onClick={this.handleInputClick}
value={this.props.value}
- id={this.id}
/>
{this.state.isOpen && this.renderMenu()}
{this.props.debug && (
diff --git a/package.json b/package.json
index f5cf21b0..38a551a2 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
"dependencies": {
"babel-preset-es2015": "^6.5.0",
"dom-scroll-into-view": "1.0.1",
- "lodash": "^4.5.0",
"react": "^0.14.7",
"react-dom": "^0.14.7"
}