Home / Questions / 322255
Accepted
Shassain
Asked: 2020-01-17 06:29:34 +0800 CST 2020-01-17 06:29:34 +0800 CST

How to change this from react to this from javascript?

  • 772

I have a function to search for elements in a table:

export const buscador = (este,columna) => {
    var tableReg = $(este).parent("td").parent("tr").parent("thead").parent("table")[0];
    var searchText =$(este).val().toLowerCase();
    var cellsOfRow="";
    var found=false;
    var compareWith="";

    for (var i = 1; i < tableReg.rows.length; i++)
    {
        cellsOfRow = tableReg.rows[i].getElementsByTagName('td');
        found = false;
            compareWith = cellsOfRow[columna].innerHTML.toLowerCase();
            if(compareWith[0]!='<'){
                if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1))
                {
                    found = true;
                }
            }
        if(found)
        {
            tableReg.rows[i].style.display = '';
        } else {
            tableReg.rows[i].style.display = 'none';
        }
    }
}

which he called more or less like this in javascript-html:

<input placeholder="Buscar" onkeyup="buscador(this,0)" type="text" class="form-control" >

And as you will understand , thisit sent me to inputand from there to the search, but now I do something similar in react but it doesn't work for me:

<input placeholder="Buscar" onChange={()=>buscador(this,0)} type="text" className="form-control"/>

but in this case thisit is no longer inputwhat I expected, the truth is I don't know what is coming (I already saw it in the console I don't know what it would be.), but what I would like to achieve is to send the input in that variable. achievement?

javascript

1 Answers

  1. Best Answer

    The easiest way is to read the target of the event parameter that every event handler function receives:

    <input placeholder="Buscar" onChange={(e)=>buscador(e.target,0)} type="text" className="form-control"/>
    • 4