danog/react-datalist-input
1
0
Fork 0
mirror of https://github.com/danog/react-datalist-input.git synced 2024-12-02 17:37:50 +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 index = indexOfMatch(currentInput, item);
const inputLength = currentInput.length; const inputLength = currentInput.length;
return ( return (
<> <React.Fragment>
{ index >= 0 && inputLength { index >= 0 && inputLength
// renders label with matching search string marked // renders label with matching search string marked
? ( ? (
<> <React.Fragment>
{item.label.substr(0, index) } {item.label.substr(0, index) }
<strong> <strong>
{ item.label.substr(index, inputLength) } { item.label.substr(index, inputLength) }
</strong> </strong>
{ item.label.substr(index + inputLength, item.label.length) } { item.label.substr(index + inputLength, item.label.length) }
</> </React.Fragment>
) )
: item.label } : item.label }
</> </React.Fragment>
); );
}, [currentInput]); }, [currentInput]);

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

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