草庐IT

react-promise

全部标签

javascript - AngularJS - 如何取消 promise ?

这个问题在这里已经有了答案:HowtoputadelayonAngularJSinstantsearch?(13个答案)关闭7年前。假设我有一个输入文本字段(更像Google搜索字段),当它发生变化时,将触发请求并显示一些结果。例如,让我们在输入中输入Dog:typedD->Callsctrl.search('D')->Makesarequest->ChangesmodelwhensuccesstypedDO->Callsctrl.search('DO')->Makesarequest->ChangesmodelwhensuccesstypedDOG->Callsctrl.search

javascript - React-Router-Redux 和 React-Bootstrap

我已经和这个问题斗争了一段时间了!我想拥有始终带有Logo、导航的“主应用程序容器”...我想使用react-bootstrap来美化它。目前我遇到了问题,我的项目基于davezuko的“react-redux-starter-kit”我试着把我所有的Bootstrap和在提供程序内的Root容器中。一切都显示出来,看起来不错,但我的链接都不起作用,当我放置一个常规的react路由器时我会遇到同样的问题。我想,嗯,链接在路由调用的View中工作,所以我在之后将所有这些复制到路由中导出默认值(商店)=>(Babel、eslint和webpack允许编译,但是当我运行页面时,这些都没有显示

javascript - 使用 Chrome 扩展中的 jQuery/Plain Javascript 修改 React 组件的状态

我正在构建一个小型Chrome扩展程序供我个人使用。在Facebook的广告管理器(使用React)中,我想将textarea字段的值更改为由我的chrome扩展程序生成的值。我试过像这样用老式的方式做document.querySelector('textarea').value=myValue;这会改变屏幕上的值,但在chrome的检查元素中,该值不会改变,当我关注输入元素时,值会重置。这是React组件的图片:这是这个react组件Prop和状态的图片:在上面的组件中,我想将state.displayValue更改为我的值。如何实现? 最佳答案

javascript - React、Apollo 2、GraphQL、身份验证。如何在登录后重新渲染组件

我有这个代码:https://codesandbox.io/s/507w9qxrrl我不明白:1)如何在以下之后重新渲染()Menu组件:this.props.client.query({query:CURRENT_USER_QUERY,fetchPolicy:"network-only"});如果我login()我希望我的Menu组件重新渲染()本身。但是什么也没有。只有当我点击Home链接时,它才会重新渲染()本身。我怀疑是因为我正在使用它来渲染它:在react-routerprops中拥抱它。有错吗?另外,如果在login()之后检查Menu的this.props,我会永远看到l

javascript - 将 TypeScript 添加到现有的 create-react-app 应用程序

我在将TypeScript添加到已存在create-react-app应用程序时遇到困难。以前我总是在开始项目之前添加它,只需通过create-react-appmy-app--scripts-version=react-scripts-ts即可,但现在不起作用。我找到的唯一“解决方案”here是:使用react-scripts-ts创建一个临时项目复制tsconfig.json,tsconfig.test.json,tslint.json从临时项目src文件夹到项目的src文件夹。在package.json中,将脚本部分中对react-scripts的所有引用更改为react-scr

javascript - 为什么 cancelledPromise 模式被认为比 React 中的 isMounted() "antipattern"更好?

参见此处:https://reactjs.org/blog/2015/12/16/ismounted-antipattern.html还有这里:HowtocancelafetchoncomponentWillUnmount在这里:ismountedantipattern,trackownproperty在这两种情况下,他们都提到了3种方法:在您的promise.resolve中检查this.IsMounted(),如果`CompountedHasUnmounted,React会为您正确返回在您的promise.resolve中检查_isMounted,这是您在ComponentWill

javascript - React refs 不会在渲染之间更新

所以我有这个组件varLineItemRowsWrapper=React.createClass({current_lineitem_count:0,getAjaxData:function(){varlineitem_data=[];for(vari=0;i)});}returnlineitem_components;},render:function(){varlineitems=this.getLineitems();return({lineitems})}})第一次呈现lineitems时,refs会按预期工作。但是,如果我向this.props.shoot添加一个lineit

javascript - 在 React/Redux 应用程序中,我什么时候应该显式地传递一个 prop,而不是使用 mapStateToProps 从全局状态中获取它?

我正在构建我的第一个React-Redux应用程序,在许多情况下,我可以选择执行或者有然后做functionmapStateToProps({pagination:{page}}){return{pageNumber:page+1};}使用一种或另一种方式的含义是什么?我什么时候应该更喜欢一种方式?是否有关于如何拾取Prop的最佳实践?每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中,因为感觉组件与特定页面/应用程序的状态耦合。 最佳答案 没有一个好的答案。根据位于http://redux.js.org/do

javascript - 当关键字后的表达式未计算为 promise 时, `await` 会发生什么情况?

我有这样的ES7代码。asyncfunctionreturnsfive(){varthree=3;varthreeP=awaitthree;returnthreeP+2;}returnsfive().then(k=>console.log(k),e=>console.error("err",e))varthreeP=awaitthree行应该发生什么?代码应该按预期继续,还是失败,因为three不是一个promise?在thisrepo,它被称为“有争议的语法和语义”。我无法通读官方文档来找到确切的定义,因为它太技术化了。默认的babel.js转换按预期记录5;然而,nodent-一个

javascript - 使用 React-Three-Renderer 的 Sprite 标签(包括 MVCE)

我正在使用react-three-renderer(npm,github)来构建带有three.js的场景.我正在尝试使用和制作一个始终面向相机的标签,就像在stemkoski'sexample中一样.但是,我无法显示标签并正确设置其坐标。我在Sprite-Label-Test有一个最低限度可验证的完整示例.下载它,运行npminstall,然后打开_dev/public/home.html。我的目标是让文本显示在我期望的位置,但如您所见,它只是黑色。为了证明Sprite在相机的视野中,我在相同的位置放了一个盒子。要查看从渲染方法中取消注释并重新吞咽。这是我的文件。它有两个主要组成部分