react-bootstrap-typeahead - Ref - getInstance不存在
react-bootstrap-typeahead是一个基于React和Bootstrap的自动完成组件。它提供了一个可配置的文本输入框，当用户输入时会显示与输入相匹配的选项。
Ref是React中的一个特殊属性，用于引用组件实例。通过Ref，我们可以访问和操作组件的方法和属性。
在react-bootstrap-typeahead中，Ref的属性名为getInstance。然而，在最新版本的react-bootstrap-typeahead中，getInstance已经被移除。这意味着我们无法通过Ref获取react-bootstrap-typeahead组件的实例。
这可能是由于库的更新或重构导致的更改。为了解决此问题，你可以考虑使用其他方式来操作react-bootstrap-typeahead组件，例如通过state管理组件的状态或使用其他相关的方法和属性。
腾讯云并没有直接提供与react-bootstrap-typeahead相关的产品或服务。然而，腾讯云提供了一系列云计算和开发相关的产品和服务，如云服务器、云数据库、人工智能服务、物联网平台等。你可以根据具体需求选择适合的腾讯云产品来构建和部署应用程序。
更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我正在使用react-bootstrap-typeahead，添加了来自@types/react-bootstrap-typeahead的类型 在我的来自react functional component的typeahead中，我尝试访问typeahead引用并调用组件的公共方法，就像给定的here一样 从‘react-bootstrap- Typeahead’导入{typeahead}； const typeahead = React.createRef();
<Typeahead
ref={(ref) => typeahead = ref}
id="basic-t
浏览 14提问于2020-10-28得票数 0
我正在尝试使用以下代码清除函数中的输入。 import {Typeahead} from 'react-bootstrap-typeahead';
type requestState={
value:string[]
}
class Data extends Component<{},requestState> {
constructor(props){
super(props);
this.state = {
value: [],
}
this.handleChange = this.handl
浏览 36提问于2020-04-28得票数 0
我正在尝试使用react-bootstrap-typeahead验证选择，并在移动到页面的另一个区域时清除无效的输入文本。
我想不出一个好办法来做这件事。
Typeahead组件的onBlur不会在正确的时间触发以进行验证和清除。
如有任何建议，我们将不胜感激
下面是我的typeahead定义
<Typeahead bsSize="sm"
defaultSelected = {this.props.options.slice(selectedIndex)}
clearButt
浏览 0提问于2017-09-01得票数 4
我正在使用"react-hook-form“库构建一个简单的html表单：
我已经将"react-bootstrap-typeahead“合并到html表单中，但是还不能用'useForm‘钩子注册这个组件。因此，在onSubmit中，忽略了“react-bootstrap”输入数据。
“”没有提供一个“名称”支柱，这使得注册组件变得很困难。
我已经阅读了关于注册这类组件的不同选项的“useForm”文档，但仍然不明白如何实现这一点：
有人曾面对过这样的挑战吗？
很高兴看到一个有用的例子，以便更好地了解如何在我的应用程序中实现“”+“react form”。谢谢!
下面
浏览 2提问于2020-08-17得票数 1
1回答
我在我的React包中使用库。
我根据文档添加了以下导入语句：
import { Typeahead } from "react-bootstrap-typeahead";
import "react-bootstrap-typeahead/css/Typeahead.css";
和渲染：
<Typeahead
id="basic-typeahead-example"
onChange={this.handleChange}
options={this.state.options}
placeholder="Choo
浏览 18提问于2020-05-09得票数 0
回答已采纳
它从App组件将变量item传递给Todo组件。从Todo组件传递到SearchResult组件。但是，不会显示` `SearchResult‘组件。 演示：https://stackblitz.com/edit/react-e2zqvd import {Typeahead} from 'react-bootstrap-typeahead';
class App extends Component {
constructor() {
super();
this.state = {
name: [{id:1, name: 'mario&
浏览 16提问于2019-09-02得票数 0
1回答
我正在尝试在我的react应用程序中通过react-bootstrap-typeahead使用typeahaead，使用的示例与这个问题中提到的相同 React: Suggestion is not showing in the drop-down 根据这个问题的答案，我也导入了CSS文件。但是，当我单击typeahead框时，仍然会以列表的形式显示建议。 代码:使用react-bootstrap-typeahead的Typeaheadsearch类 import {Typeahead} from 'react-bootstrap-typeahead';
import { F
浏览 10提问于2020-04-28得票数 0
回答已采纳
2回答
在ericgio对这个问题的回答中，我有同样的问题(但从未回答)，
labelKey的类型定义似乎有问题。
我从这段代码中得到以下错误：
<Typeahead
id="basic-typeahead-single"
labelKey="name"
onChange={this.changeEdgeName}
options={this.state.streetNames}
placeholder=""
/>
重载2中的2，‘(道具: TypeaheadProps，上下文？：an
浏览 8提问于2020-08-25得票数 2
回答已采纳
1回答
离开侦听器会引起任何问题吗？如果我多次调用此代码，侦听器是否会导致产生多个线程？
String ref = Constants.Client + "/" + Constants.firebaseProjects + "/" + Constants.ProjectName + "/units";
DatabaseReference dataBaseRef = FirebaseDatabase.getInstance().getReference(ref);
dataBaseRef.keepSynced(true);
dataBaseRef.ad
浏览 2提问于2018-02-20得票数 2
回答已采纳
有趣的是，写在删除完成上的吐司是显示出来的，但是火基的价值并不是移除。
这是我的UI图像。
这是我唯一的密码。
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
holder.getShopname().setText(list.get(position).getShopname());
holder.getApmt_date().setText(list.get(position).getAppointment_date());
Lo
浏览 14提问于2022-04-09得票数 0
回答已采纳
1回答
我很难想出最好的方法，我的代码：
$purch = DB::getInstance()->select("SELECT * FROM `purchased`");
foreach($a as $val) {
foreach($purch as $v) {
$v['purchased_sape_ref_id']; // CONTAINS THE ID FROM THE DB //
$val; // CONTAINS THE ID IN THE ARRAY //
if (in_array($v, $va
浏览 2提问于2017-08-02得票数 1
回答已采纳
1回答
public class RefDataProvider : IRefDataProvider
{
private const string REF_DATA_COUNTRIES = "CountryData";
public IEnumerable<CountryLookupDto> GetCountries()
{
//if in cache then get cached version
if (CacheManager.
浏览 2提问于2013-10-23得票数 0
我将所选项目作为道具传递给使用react-bootstrap-typeahead的组件，并在该组件的componentDidUpdate方法中加载选项。我正在尝试有条件地添加'defaultSelected‘属性，因为当选项尚未加载时，它似乎失败了，但我仍然收到以下错误：
属性类型失败:为TypeaheadContainer(WrappedTypeahead)提供的属性defaultSelected无效
selectedCourier是从props中设置的，props是一个对象，它与GET couriers响应返回的一个选项相匹配。有什么帮助吗？
constructor(props)
浏览 13提问于2019-03-27得票数 0
我有两个Typeahead (react-bootstrap-typeahead)组件，我想在按下按钮时反转选定的值。存储状态正确变化的数据。但我不能将更改后的选择设置为Typeahead的值。
使用selected属性设置选定的对象，但得到一些错误：
Warning: [react-bootstrap-typeahead] `defaultInputValue` will be overridden by the value from `selected`.
Warning: Failed prop type: Invalid prop `selected` supplied to `Typ
浏览 0提问于2019-06-23得票数 2
我正在尝试使用模块React Typeahead (和版本)来使用tsx文件。
我正在使用以下版本：
"@types/react-bootstrap-typeahead": "3.4.5"
"react-bootstrap-typeahead": "3.4.3"
我构建了下面的SimpleAsyncExample类，试图通过始终返回相同的结果来测试组件，不管用户输入了什么，但是响应延迟了.
import * as React from 'react';
import {AsyncTypeahead, ClearBu
浏览 3提问于2019-05-16得票数 2
回答已采纳
3回答
#include<iostream>
using namespace std;
class singleton
{
private:
static singleton* ref;
singleton()
{
cout<<"singleton ctor"<<endl;
}
public:
static singleton* getInstance()
{
return ref;
}
};
浏览 1提问于2013-12-29得票数 1
我的组友能够将包含加速度计数据的Arduino数据发送到我们的Firebase数据库。如何访问AcX、AcY和AcZ？我尝试使用读取和写入Firebase功能，但我对如何从用户/Ac_/访问它感到困惑，而且唯一的ID让我感到困惑。 ? ? DatabaseReference ref = FirebaseDatabase.getInstance().getReference().child("Users").child("AcX");
ref.addValueEventListener(new ValueEventListener() {
浏览 21提问于2021-01-28得票数 0
回答已采纳
我在使用react-bootstrap-typeahead项目中的AsyncTypeahead时遇到了一个问题，似乎我的onSearch处理程序没有被调用。我可以在页面上看到typeahead，但是当我在其中键入时，handleSearch没有被执行，并且我没有看到任何控制台日志记录。下面是一个简短的示例：
import React, {PropTypes, Component} from 'react';
import AsyncTypeahead from 'react-bootstrap-typeahead';
class CustomTypeahea
浏览 0提问于2017-08-04得票数 2
当我运行应用程序将图像从外部存储上传到防火墙时，云存储应用程序在按下“上传”按钮后已经停止。
FS = FirebaseStorage.getInstance();
Ref = FS.getReference("Record_Unknown/");
Updata = (Button)findViewById(R.id.Updata_btn);
Updata.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v)
浏览 2提问于2019-11-27得票数 1
? ? 我正在使用带有onSearch方法的react-bootstrap-typeahead版本5.2.1来处理异步typeahead搜索。问题是，当用户输入一个很长的数字(例如: 99999180)非常慢，或者在999999之后停止输入，然后继续输入180时(您可以从网络上看到序列)，我们无法获得返回的结果，因为查询参数仅显示9999918。但是，数据库中确实存在999999180。相同的代码在基于旧的react-bootstrap-typeahead版本3.4.7的相同场景下工作得很好。不确定这是5.2.1版的一个缺陷吗？提前谢谢。 const onSearch =
浏览 20提问于2021-11-02得票数 1
回答已采纳
1回答
我在API文档中有一个非常简单的AsyncTypeahead示例：
import {AsyncTypeahead} from "react-bootstrap-typeahead";
import React, {Component} from "react";
class AsyncTest extends Component<Props, State> {
constructor() {
super()
this.state = {
浏览 2提问于2019-10-02得票数 0
回答已采纳
我在手机上使用react-bootstrap-typeahead时遇到了问题。我想关闭输入的自动更正，但我不知道怎么做。
请帮帮我。非常感谢大家。
浏览 2提问于2017-11-14得票数 1
如何在firebase realtime android studio中计算货币价值
您好，如何将一个值与现有的节点值相加？
每次调用onDataChange时，将该值与firebase的"money“节点的值相加，欢迎任何帮助。
我的代码
FirebaseDatabase.getInstance().getReference("Users");
DatabaseReference ref = FirebaseDatabase.getInstance().getReference();
ref.child("Users").child(u
浏览 5提问于2020-03-12得票数 0
回答已采纳
我之所以导入这个模块，是因为我公司的UI库没有typeahead...but，我希望该组件与UI库文本字段的高度(64px)相匹配。 添加bsSize=lg只会使输入高度变为46px。 设置自定义style={{ height: '64px'}}似乎没有任何作用。 import { Typeahead } from 'react-bootstrap-typeahead';
import 'react-bootstrap-typeahead/css/Typeahead-bs4.css';
...
<div className="
浏览 20提问于2020-01-04得票数 1
回答已采纳
我正在尝试使用React Bootstrap Typeahead，但是当我加载页面时，这些选项并没有显示在Typeahead组件中。 我的页面代码如下所示： const React = require('react');
const Jumbotron = require('react-bootstrap').Jumbotron;
const Container = require('react-bootstrap').Container;
const Form = require('react-bootstrap').Form
浏览 23提问于2020-08-20得票数 0
回答已采纳
在formik中使用typeahead，很难为react-bootstrap-typeahead添加fa-angle-up和fa-angle-down图标，如下图所示 ? 相反，我有如下的问题(它应该看起来像上图) ? 代码：https://codesandbox.io/s/formik-example-forked-8m6o6
浏览 15提问于2021-01-19得票数 0
回答已采纳
2回答
我有一个Firebase数据库，我用它来填充FirebaseUI的ListView。一切正常(离线和在线)，直到应用程序被杀死并在没有互联网的情况下重新启动。当这种情况发生时，数据库是空的，一旦互联网恢复了一切，它就会同步perfectl t1。
我使用：
Firebase.getDefaultConfig().setPersistenceEnabled(true);
但这不会改变任何事。我应该怎么做才能拥有离线数据库，即使在杀死应用程序之后？
database = FirebaseDatabase.getInstance(FirebaseApp.getInstance());
浏览 2提问于2016-06-25得票数 0
当输入集中时，我需要选择react-bootstrap-typeahead中的所有文本，例如单击。
在中没有提到这一点。
我怎样才能做到这一点？
浏览 1提问于2018-01-26得票数 0
使用react-bootstrap-typeahead时，可以选择提供占位符文本。 如何更改此文本的颜色？我找不到相关的选择器来定位demo page上的占位符文本元素 ?
浏览 16提问于2021-01-23得票数 1
回答已采纳
使用react-bootstrap-typeahead <Typeahead
{...this.state}
id="basic-example"
onChange={id => this.setState({ id })}
options={id}
placeholder="Select ID"
/> 是否可以将Typeahead的输入限制为只能输入数字？如果是，请概述如何执行此操作
浏览 37提问于2020-11-05得票数 0
我正在设计下面的单件类，我知道我的单件类可能会被破坏。
public class SingletonObject {
private static SingletonObject ref;
private SingletonObject () //private constructor
{ }
public static synchronized SingletonObject getSingletonObject()
{
if (ref == null)
ref = new SingletonObject
浏览 0提问于2013-03-10得票数 4
在如何将数据从一个节点移动到另一个节点方面，我需要帮助。这是我数据库的截图。
我需要将数据从“母版”节点传输到“事件”节点。在本例中，您可以忽略添加事件名称的部分，即“马拉松”。您可以放心地假设，在“母版”节点下，“名称”始终位于"2"，“电子邮件”位于"3“，等等。
我知道如何传输单个孩子，但我不知道如何传输多个孩子，特别是通过为每个参与者生成一个push id。请帮帮我。
下面是我的代码：
DatabaseReference ref=FirebaseDatabase.getInstance().getReference().child("master
浏览 1提问于2017-12-20得票数 1
希望你们所有人都知道这个类，每当firebase通知令牌被刷新时，我们从这个类中获得刷新的令牌，通过以下方法获得通知令牌。
public class FirebaseService extends FirebaseMessagingService {
@Override
public void onNewToken(String s) {
super.onNewToken(s);
FirebaseUser user = FirebaseAuth.getInstance().getCurrentUser();
String to
浏览 1提问于2021-02-01得票数 0
1回答
第一次听众射击需要这么长的时间(大约。，随后的负载所需时间较短(约为40)。1)怎样才能加速第一次加载？
我已经付出，
FirebaseDatabase.getInstance().setPersistenceEnabled(true);
在活动开始的时候。
DatabaseReference ref = FirebaseDatabase.getInstance().getReference("");
ref.keepSynced(true);
ref.addValueEventListener(new ValueEven
浏览 2提问于2018-02-19得票数 0
回答已采纳
我正在尝试从实时firebase中删除一些用户。这是工作，但如果我将应用程序放在后台，当我再次打开应用程序时，用户不会从数据库中删除。在调试模式下，用户会被删除，但在rest模式下不会。我也在使用Firebase提供的电子邮件/密码身份验证。
下面是我的代码(方法是在菜单的onOptionsItemSelected中调用)：
public void reAuthenticateUser(String password) {
final FirebaseUser user = FirebaseAuth.getInstance().getCurrentUser();
Aut
浏览 6提问于2017-05-13得票数 1
我在线程"main“java.lang.ExceptionInInitializerError中收到错误异常，原因是: org.apache.logging.log4j.core.config.ConfigurationException:当使用log4j 1.x桥根据从log4j1.x迁移到Log4j 2.x时，没有附加器可用于Log4j ASYNC‘。
我曾尝试在'ASYNC‘附加器的附加器引用中添加'CONSOLE’附加器，但它对我无效。(引用：)
完成堆栈跟踪：
线程"main“中出现异常，原因如下: org.apache.logging.log4j.c
浏览 37提问于2017-01-24得票数 3
我正在使用react-bootstrap-typeahead在react中搜索。我面临着过滤嵌套对象的问题。 const products = [
{
id : 1,
name : "abc",
applications:[
{
name:"ink",
fullname:"INKK"
},
{
name:"solve
浏览 36提问于2020-07-14得票数 0
在保存新数据时，我使用了以下方法
public void registerNewUser(FirebaseUser id,
String name,
String email,
int count) {
User user = new User(name, email, count);
DatabaseReference ref = FirebaseDatabase.getInstance()
.getRefere
浏览 2提问于2017-07-06得票数 1
回答已采纳
我正在处理一个react项目，在实现这个包之后，我得到了下面的错误，然后我得到下面的错误。
Failed to compile
./node_modules/react-popper/lib/cjs/Popper.js
Module not found: Can't resolve '@babel/runtime/helpers/objectWithoutPropertiesLoose' in 'E:\reactjs\deveans-react-version\node_modules\react-popper\lib\cjs'
This error
浏览 6提问于2019-08-31得票数 32
回答已采纳
1回答
我正在尝试为创建一个自定义类型记录定义。到目前为止，下面是基于这些文档的内容：
// Custom made typings based on exampes: https://github.com/ericgio/react-bootstrap-typeahead
declare namespace ReactBootstrapTypeahead {
import React = __React;
// Input
class ReactBootstrapTypeahead extends React.Component<ReactBootstrapType
浏览 6提问于2016-08-24得票数 2
final FirebaseUser fUser = FirebaseAuth.getInstance().getCurrentUser()；DatabaseReference ref =final
final DatabaseReference refOne = FirebaseDatabase.getInstance().getReference("Users");
ref.addValueEventListener(new ValueEventListener() {
@Override
public void on
浏览 9提问于2019-07-30得票数 0
我正在询问是否有可能从Firestore快照生成模型类，或者在没有模型类的情况下检索字段值并将字段值绑定到文档快照的视图中，或者使用一个对象比Fi还原文档中的字段少的模型类。
例如，在本代码中，从文档中获取：
public static class Post {
public String author;
public String title;
public Post(String author, String title) {
// ...
}
}
// Get a reference to our posts
fina
浏览 4提问于2019-11-18得票数 0
回答已采纳
2回答
我正在尝试通过以下代码向Firebase数据库添加测试值：
FirebaseDatabase database = FirebaseDatabase.getInstance();
DatabaseReference ref = FirebaseDatabase.getInstance().getReference();
DatabaseReference usersRef = ref.child("shop").child("Users");
usersRef.child(user.getUid()).setVal
浏览 0提问于2018-04-07得票数 3
如何从Firebase数据库中找到用户数据？我的数据库是这样的：
我将我的数据保存在令牌中：
String token = FirebaseInstanceId.getInstance().getToken();
if (token == null) return;
databaseReference = FirebaseDatabase.getInstance().getReference(token);
我需要从所有用户那里找到所有的位置坐标并设置标记，但是我所做的一切，都是访问当前用户的：
DatabaseReference ref = FirebaseDatabase.getIn
浏览 4提问于2017-06-09得票数 0
回答已采纳
2回答
我试图使用以下代码获取防火墙中保存的信息(“firstDate”)：
if(currentUser != null){
val ref = FirebaseDatabase.getInstance().getReference("Users").child(FirebaseAuth.getInstance().currentUser!!.uid)
val menuListener = object : ValueEventListener {
override fun onCancelled(databaseError: DatabaseErr
浏览 1提问于2019-07-31得票数 0
回答已采纳
我想用SharedPreferences.getInstance()方法在我的一个数据源中注入一个SharedPreferences实例，但是我遇到了困难，因为getInstance()返回一个Future。下面是我的提供程序文件：
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:shopping_list/features/shoppi
浏览 15提问于2021-05-28得票数 0
我是上传文件在后台的Android。为了取消它，我存储了参考资料。现在，当单击cancel并尝试从引用中获取上传任务时，它会给出0的结果。
这是我的代码：
// Storing the reference
StorageReference storeRef = FirebaseStorage.getInstance().getReference().child("Folder1").child("Folder2").child("Filename")
UploadTask task = storeRef.putFile(file);
intent
浏览 7提问于2022-01-07得票数 2
1回答
在我的React-Bootstrap-Typeahead中，我需要立即在输入中设置一个状态变量和清除，以允许新的搜索。现在发生的事情是：
当我选择一个菜单项时，我的正确地执行了，选择的内容显示在文本字段.中
我需要设置var clickedSelection并重新设置新搜索的输入。一切都应该清理和关闭。(注:我使用的是AsyncTypeahead的React-Bootstrap-Typeahead变体。)
const [isLoading, setIsLoading] = useState(false);
const [searchResults, setSearchResults] = us
浏览 2提问于2021-05-02得票数 2
回答已采纳
我试图将数据存储在firebase数据库中，但发生了以下错误：
过程: com.example.zar.shoppinglistplusfirebase，PID: 2379 com.google.android.gms.internal.zzbqi$zza.zzaF(Unknown来源的java.lang.RuntimeException: java.lang.reflect.InvocationTargetException (在com.google.android.gms.internal.zzbqi.zzaw(Unknown源))( com.google.firebase.databa
浏览 4提问于2017-02-03得票数 0
回答已采纳
我正在尝试检查用户数据，但我得到一个错误，说我传递了一个空对象： 在班级中： FirebaseAuth auth;
FirebaseUser currentUser;
DatabaseReference ref; 在onCreate上： auth = FirebaseAuth.getInstance();
ref = FirebaseDatabase.getInstance().getReference("Users"); 用户登录后： currentUser = auth.getCurrentUser(); 然后： ref.child(currentUser.getU
浏览 14提问于2020-04-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
