繁体   English   中英

将js转换为反应自动完成搜索输入表单

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM