AsyncTypeAhead在React JS中不起作用-输入2个字符后输入字段正在重置

问题描述

嗨,我正在尝试在React中实现异步Typeahead。 现在一切正常,除了我输入2个键时,该字段正在重置。有人可以告诉我我要去哪里错了吗?

 <AsyncTypeahead
                  id="basic-typeahead-example"
                  labelKey={(optionsUsers) => `${optionsUsers.name}`}
                  allowNew={false}
                  multiple={false}
                  className="col-md-8"
                  onSearch={(e) => {
                    GET('all-users?',`query=${e}`).then((res) => {
                      switch (res.status) {
                        case 200:
                        case 201:
                          let options = [];
                          res.data.data.map((record,index) => {
                            options.push({
                              id: index,name:
                                record.firstName + ' ' + record.lastName,value: record.slug,});
                          });
                          setoptionsUsers(options);
                          break;
                        default:
                          alert('Error');
                      }
                    });
                  }}
                  // onChange={(e) => {
                  //   setUser(e);
                  // }}
                  // ref={ref}
                  // onBlur={(e) => {
                  //   if (!user) ref.current.clear();
                  // }}
                  options={optionsUsers}
                  selected={user}
                />

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...