草庐IT

react-select

全部标签

javascript - 检测 HTML select 元素是否展开(无需手动跟踪状态)

我想检测下拉列表是否展开。我不想为单击/鼠标悬停等使用额外的事件处理程序,因为下拉菜单是动态的,并且由于其他原因我不能使用jQuerylive之类的东西。基本上我想要一些可以给任意select元素(没有其他附加的事件处理程序、类等)的东西,可以给出是否扩展的真/假答案。对于我的特定应用程序,我正在处理鼠标滚轮事件,但不想在下拉菜单打开时处理它们(这会覆盖浏览器的默认功能)。但是,当鼠标悬停在select上但没有打开它时,我仍然想处理鼠标滚轮事件。 最佳答案 出于类似的原因,我之前调查过这个问题。除了尝试手动跟踪它之外,我永远找不到解

javascript - Select2 - Ajax 搜索 - 记住最后的结果

我正在使用Select23.5.1。使用此插件,我可以成功加载远程数据。但是,我今天在这里提出一个问题以改进此搜索。这是了解我想做什么的分步操作:设置一个带有远程数据加载的Select2(使用ajax)。点击Select2输入并搜索内容。加载将出现,几秒钟后您将看到结果列表。单击其中一个列出的结果-结果框随后会消失。如果再次单击搜索框,列表将为空,您需要再次键入一些新文本才能获得结果列表。有没有可能当我们再次点击搜索框时,没有任何ajax调用,之前搜索的结果列表重新出现?然后,如果用户删除一个字符或更改他的搜索条件,它将再次触发ajax搜索。如果可能,我们将如何编码?我希望我的问题很清

javascript - 使用 React 创建的表单不会更新支持状态对象

我正在尝试自动化Instagram网络应用的登录表单:https://instagram.com/accounts/login/使用以下代码(您可以在Chrome控制台上运行它):varfrm=window.frames[1].document.forms[0];frm.elements[0].value='qacitester';frm.elements[1].value='qatester';frm.elements[2].click();即使输入已填充,但当我监视XHR请求时,我看到已发布:username=&password=&intent=而不是这个:username=qac

javascript - 如何使 webpack typescript react webpack-dev-server 配置以自动构建和重新加载页面

我的意图是有这样的目录结构:-/my-project/--/src/(hereareall.tsxfileslocated)--/dist/-index.html-/build/-bundle.js--/node_modules/--package.json--tsconfig.json--webpack.config.js所以,我想要我的index.html,它是在/dist子目录中手动创建的,在它里面我想要/buildsubdir,webpack制作的app.js所在的位置。我希望当我保存一些位于我的/src目录中的.tsx文件时,webpack会自动重建app.js并且webpa

javascript - 以 react 形式设置 Angular 2 FormArray 值?

这里已经有一个类似的问题(SettinginitialvalueAngular2reactiveformarray)但我对答案不满意或者可能正在寻找其他解决方案。我认为FormArray的全部意义在于传递对象数组,它应该创建相同数量的组件。但是在上面的例子中,如果你查看提供的plunker,即使在提供了两个Addresses对象之后,一个Address也被创建了,因为它的空白版本已经在ngOnInit()中创建了。所以我的问题是,如果在ngOnInit()中我有这样的地址:this._fb.array([])//空白列表,那么我应该如何设置它的值,以便它从我的TypeScript数组中

javascript - 使用 TypeScript 和 React 输入 redux forms v7

我有一个简单的react-redux驱动的表单。我希望有一个form.container.tsx和一个form.component.tsx,其中form.container.tsx包含与redux状态减去Field的所有连接。我试图将我的容器包装在react-redux的连接中,然后将reduxForm包装在其中,看起来像TypeScript,redux-formandconnect:(理想)form.container.tsx:interfaceDummyFormContainerProps{}exportconstDummyFormContainer:React.SFC=props

javascript - 如何在 REACT 中每分钟为仪表板调用 API

我在React中制作了一个仪表板。它没有主动更新,没有按钮、字段或下拉菜单。它将部署在壁挂电视上以供观看。所有面板(总共9个)都通过API调用更新。初始调用(如下所示)有效,所有JSON数据都已获取,仪表板已初始更新。底线问题:我需要在首次调用后每30秒到1分钟调用一次API以检查更新。我已经按照这里回答其他人问题的人的建议尝试在componentDidMount()中使用“setInterval”,但我收到错误消息“await是一个保留字”。我已经阅读了有关forceUpdate()的内容,考虑到facebook/react页面对它的描述,这对于我的用例来说似乎是合乎逻辑的。但是,我

javascript - 为什么箭头语法优先于功能性 React 组件的函数声明?

我总是看到用箭头函数语法定义的函数式React组件的示例:constfoo=()=>(...);exportdefaultfoo;而不是更传统的函数声明语法:exportdefaultfunctionfoo(){return...;}是否有理由更喜欢前者而不是后者? 最佳答案 我会说这确实是一个有点自以为是的选择。我(个人)将箭头函数用于纯功能组件视为非常糟糕的做法至少有几个原因。这是那些:语法滥用。当我们定义功能组件时,我们不需要将其上下文预先绑定(bind)到特定范围。上下文(this)在模块命名空间中无论如何都将是undefi

javascript - Internet Explorer 和 <select> 标签问题

我在InternetExplorer7/8下遇到以下问题:我有一个弹出窗口,当用户将鼠标悬停在链接上时会激活该弹出窗口。弹出窗口是一个简单的包含一些数据。这里面标签有一个标记一些秒。我已将mouseover/mouseout事件附加到>,以便此弹出窗口在光标位于其上时保持打开状态。单击时出现问题然后将光标移到任何上秒。这会触发的mouseout事件标记并分别关闭它。如何防止IE中的弹出窗口关闭? 最佳答案 您应该能够通过事件的值来检测情况是否是您想要的情况。这有点令人费解,但似乎可行。在外部div的事件处理程序中,执行如下操作:然后

javascript - Select2 示例不起作用

我正在尝试使用Select2.jsplugin.我创建了一个select2最简单示例的fiddle,但我不明白为什么这不起作用?http://jsbin.com/edeseh/2/edit您可以在fiddle中看到选择列表中的项目选择和允许清除不起作用。谁能帮帮我,我做错了什么? 最佳答案 您应该使用选项值来启用选择和您应该使用空选项来显示占位符和allowClear选项。这是工作fiddle:http://jsbin.com/edeseh/8/edit从链接复制的主要代码:HTML:MustardKetchupRelishJava