bastante nuevo en esto de reaccionar, pero anteriormente escribí un script js simple para mi propia entrada de búsqueda para autocompletar
$(function () { $("#search_item").autocomplete({ minLength: 1, source: function (req, resp) { var collected; $.getJSON("https://api.test.com/items/autocomplete?q=" + req.term, function (json) { console.log(json); resp(json.data); }) } }); });html
<form action="/api/search"> <div class="input-group"> <input id="search_item" type="text" class="form-control" placeholder="Search for..." name="item_search_keyword"> <span class="input-group-btn"> <button class="btn btn-secondary" type="submit" id="btnSubmit">Search!</button> </span> </div> </form>tratando de convertir esto en React con una barra de búsqueda de entrada simple pero no tan familiarizado con React. Posible si alguien me puede ayudar?
Creo que la mejor respuesta a esto es que primero debes convertir tu mente a React , antes de convertir el código.
No es solo un pequeño cambio migrar código como ese a React. React sigue un enfoque fundamentalmente diferente, que no es compatible con su ejemplo. Por ejemplo, no debe tocar el DOM directamente .
Imagina que ya no estás escribiendo javascript / DOM, pero ahora estás escribiendo en un idioma diferente (es decir, React).
Como una dirección vaga para una solución: supongo que crearía un componente React como <MyInputWithAutoComplete> , que devuelve, por ejemplo, su input-group y maneja su lógica de autocompletar con un useEffect .