[英]converting js into react autocomplete search input form
这个反应很新,但我之前为我自己的自动完成搜索输入编写了一个简单的 js 脚本
$(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>
尝试使用简单的输入搜索栏将其转换为 React,但对 React 不太熟悉。 如果有人可以给我一些帮助,可能吗?
我认为对此的最佳答案是,在转换代码之前,您需要先将思想转换为 React 。
将这样的代码迁移到 React 不仅仅是一个小改动。 React 遵循一种根本不同的方法,这与您的示例不兼容。 例如,您不应该直接接触 DOM 。
想象一下,您不再编写 javascript / DOM,而是现在正在编写一种不同的语言(即 React)。
作为解决方案的模糊方向:我猜你会创建一个像<MyInputWithAutoComplete>
这样的 React 组件,它返回例如你的input-group
,并使用useEffect
处理你的自动完成逻辑。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.