danog/react-datalist-input
1
0
Fork 0
mirror of https://github.com/danog/react-datalist-input.git synced 2024-12-04 02:17:50 +01:00
Code Issues Projects Releases Wiki Activity

set '' as well

Browse Source
This commit is contained in:
Andre Landgraf 2019-06-20 00:01:16 +02:00
parent bfaf980d4a
commit aad04be942
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "react-datalist-input", "name": "react-datalist-input",
"version": "1.1.34", "version": "1.1.35",
"description": "This package provides a react component as follows: an input field with a drop down menu to pick a possible option based on the current input.", "description": "This package provides a react component as follows: an input field with a drop down menu to pick a possible option based on the current input.",
"main": "./lib/DataListInput.js", "main": "./lib/DataListInput.js",
"license": "MIT", "license": "MIT",

6
src/DataListInput.jsx
View File

@ -62,7 +62,8 @@ class DataListInput extends React.Component {
} }
onClickInput = () => { onClickInput = () => {
const { currentInput, visible, lastValidItem } = this.state; const { visible, lastValidItem } = this.state;
let { currentInput } = this.state;
const { requiredInputLength, dropDownLength, items, match, clearInputOnSelect, initialValue } = this.props; const { requiredInputLength, dropDownLength, items, match, clearInputOnSelect, initialValue } = this.props;
const reachedRequiredLength = currentInput.length >= requiredInputLength; const reachedRequiredLength = currentInput.length >= requiredInputLength;
@ -70,8 +71,9 @@ class DataListInput extends React.Component {
// the user most likely wants to clear the input field // the user most likely wants to clear the input field
if ( initialValue && currentInput === initialValue ) { if ( initialValue && currentInput === initialValue ) {
this.setState( { currentInput: '' } ); this.setState( { currentInput: '' } );
currentInput = '';
} }
if ( reachedRequiredLength && !visible ) { if ( reachedRequiredLength && !visible ) {
const matchingItems = items.filter( ( item ) => { const matchingItems = items.filter( ( item ) => {