草庐IT

异步组件

全部标签

javascript - blockUI vs ajax 异步选项为 false

我需要调用一个返回ajax调用内容的javascript函数。为了实现这个结果,我在ajax调用中将异步选项设置为false。functionajaxQuery(){varcontent;$.ajax({url:"blabla.html,async:false,success:function(data){content=data}});returncontent;}不幸的是,将异步选项设置为false会使blockUI无法正常工作。在向服务器查询期间,浏览器被卡住,没有消息。如果我将async选项设置为true,blockUI会正常工作,但我的javascript函数返回值未定义,可

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

如果React提供DOM协调,是否可以在我编辑后动态重新加载组件的代码并重新呈现它?我正在寻找一种解决方案,它允许我编辑JSX文件、保存它并让组件在浏览器中自行更新,而无需重新加载页面、卸载它或丢失其状态。理想情况下,这应该可以在没有浏览器插件的情况下工作。 最佳答案 您可以使用react-hot-loader,顺路Webpack加载器,可以对项目中的React组件进行实时编辑。无需浏览器插件或IDEHook。它与Webpack结合HotModuleReplacement(HMR)与React。您可以在以下情况下使用它:您的Reac

javascript - 异步设置 ReactJS 状态

如果您执行更新componentWillMount中的状态的异步操作(如文档所述),但在异步调用完成之前组件已卸载(用户导航离开),您最终会异步回调试图在一个现在未安装的组件上设置状态,一个"InvariantViolation:replaceState(...):Canonlyupdateamountedormountingcomponent."错误。解决这个问题的最佳方法是什么?谢谢。 最佳答案 您可以使用component.isMounted方法在替换组件状态之前检查组件是否实际附加到DOM。Docs.isMounted()r

javascript - 如何基于 widgetVar 在 Primefaces 组件中查找和/或覆盖 JavaScript?

根据这个问题:MultiplefileuploadwithextrainputText我可以使用widgetVar以这种方式覆盖PrimeFaces元素的JavaScript函数:PF('fileUpload').jq.fileupload({add:function(e,data){...}});现在,我尝试覆盖DataTable中的函数,但不明白我该如何引用它?此外,PF(')从chrome调试器控制台返回undefined,所以我无法调试它。我怀疑这是范围问题,但不知道如何解决。 最佳答案 你可以使用原型(prototype)

javascript - 异步/等待和递归

我正在尝试编写一种递归显示ActionSheetIOS的方法,以选择数组中包含的值并返回所选值:asyncfunction_rescursiveSelect(data,index){if(indexasyncfunction(){constselectedValue=data[index].array[buttonIndex];data[index].value=selectedValue;deletedata[index].array;returnawait_rescursiveSelect(data,index+1);});}else{returndata;}}不幸的是,当我调用这

javascript - React-router 不显示组件

我目前正在学习react-router,然后尝试在示例应用中实现它。这是我的代码:index.htmlSampleAPP/src/app.jsxvarReact=require('react');varReactDOM=require('react-dom');varRoutes=require('./routes');ReactDOM.render(Routes,document.getElementById('main'));/src/routes.jsxvarReact=require('react');varRouter=require('react-router').Rout

javascript - 将 Facebook Web SDK 与 ReactJS 组件状态集成

我开始使用ReactJS、NodeJS、Webpack和FacebookSDK进行用户身份验证。所有这些技术及其相关的软件工程原则/最佳实践对我来说都是相对较新的(甚至JavaScript对我来说也是相当新的)。我已经按照这里的教程https://developers.facebook.com/docs/facebook-login/web进行操作,并且我的Facebook身份验证工作得很好!但是本教程内容的结构方式,在我看来,SDK的设计只是为了期望FB状态响应处理程序包含在标记内的原始页面HTML中。以下内容特别提到了这一点://LoadtheSDKasynchronously(f

javascript - TypeScript:异步生成器

我想要一个这样的函数:exportasyncfunction*iterateDir(dir:string){letlist=awaitfs.readdir(dir);//fs-promiseimplementationofreaddirfor(letfileoflist){yieldfile;}}我会这样使用:for(letfileiniterateDir(dir)){processFile(file);}这行不通,因为一个函数不能既是异步函数又是生成器。我将如何构建代码来实现相同的目的?如果我将awaitfs.readdir更改为回调,我假设外部for..of循环不会等待。如果我去掉

javascript - 将 Sweet Alert 弹出窗口添加到 React 组件中的按钮

我找到了这个完美的用于Bootstrap和React的SweetAlert模块(我正在我的Meteor应用程序中使用):http://djorg83.github.io/react-bootstrap-sweetalert/但我不明白您如何将此代码包含在React组件中。当有人在我的应用程序中单击“删除”按钮时,我希望弹出SweetAlert提示以请求确认。这是删除按钮的组件:importReact,{Component}from'react';importGoalsfrom'/imports/collections/goals/goals.js'importSweetAlertfro

javascript - 在 React-Native 的非异步函数中调用异步函数 - Firebase

这就是我在React-Native中尝试做的事情。异步函数正在调用firebase。asyncfunctionOne(){asyncStuffHappens}functionTwo(){this.functionOne();}this.functionOne();未定义。我不确定如何从另一个函数调用异步函数。 最佳答案 像这样:asyncfunctionOne(){asyncStuffHappens}functionTwo(){(async()=>{awaitthis.functionOne();})();}这称为IIFE(Imme