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

webpack cannot handel <>

Browse Source
This commit is contained in:
andrelandgraf 2020-04-28 09:46:10 +02:00
parent 299513ec7a
commit 897d8a8e42
2 changed files with 70 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/DataListInput.jsx
View File

@ -252,20 +252,20 @@ import React, {
const index = indexOfMatch(currentInput, item);
const inputLength = currentInput.length;
return (
<>
<React.Fragment>
{ index >= 0 && inputLength
// renders label with matching search string marked
? (
<>
<React.Fragment>
{item.label.substr(0, index) }
<strong>
{ item.label.substr(index, inputLength) }
</strong>
{ item.label.substr(index + inputLength, item.label.length) }
</>
</React.Fragment>
)
: item.label }
</>
</React.Fragment>
);
}, [currentInput]);

8
testing/demo-app/src/DataListInput.jsx
View File

@ -252,20 +252,20 @@ const DataListInput = ({
const index = indexOfMatch(currentInput, item);
const inputLength = currentInput.length;
return (
<>
<React.Fragment>
{ index >= 0 && inputLength
// renders label with matching search string marked
? (
<>
<React.Fragment>
{item.label.substr(0, index) }
<strong>
{ item.label.substr(index, inputLength) }
</strong>
{ item.label.substr(index + inputLength, item.label.length) }
</>
</React.Fragment>
)
: item.label }
</>
</React.Fragment>
);
}, [currentInput]);