草庐IT

react-promise

全部标签

javascript - React 的 keyMirror 有什么好处?

我最近学习了很多React教程,特别是那些采用Flux架构的教程。所有这些教程都以各种形式使用了react/lib/keymirror。我了解它的作用,但我不确定我完全了解它提供的好处。但是,这可能表明我对它的作用的理解并不完全正确!我的理解是:它产生一个enumerable.枚举通常用于函数式语言,但在object-orientatedcode中也很有用.有好处minification虽然,我不确定在这种情况下我是否完全理解这些。BillFisher指出使用字符串代替常量并不是不合理的,而且当您拥有大量常量时,真正的好处就来了。我想问题是,在中小型应用程序中,与仅在操作中引用的字符串

javascript - 为什么 React 应用程序的生产构建(使用 Webpack 和 Babel)使用错误的开发环境和 HMR,这会导致错误?

我正在尝试创建我的React项目的生产版本,但它选择了错误的配置。在开发版本中,我使用的是HMR(热模块更换)。这是在.babelrc中配置的,位于env>development>plugins下。添加额外节点env>production时,它似乎被忽略了。它仍然使用带有HMR的开发配置,这会导致错误:UncaughtError:locals[0]doesnotappeartobeamoduleobjectwithHotModulereplacementAPIenabled.Youshoulddisablereact-transform-hmrinproductionbyusingen

javascript - 什么时候调用 React.render() 回调?

React.render(,mainNode,function(){console.log('2');});console.log('1');打印21此外,回调中的scrollTop()不起作用。如果我在render()返回后调用它,它会起作用。React.render()是同步的吗?函数返回时是否渲染DOM?回调什么时候调用?我想在回调中做什么? 最佳答案 您可以将回调逻辑移动到您正在安装的组件中,然后在第一次将组件渲染到DOM时使用componentDidMount方法,并使用componentDidUpdate随后更新/呈现D

javascript - 将 promise polyfill 添加到 ES6

我有一个用ES6编写的React项目。它是使用Babel编译的并且运行良好。除了我已经知道的仅在IE中起作用的一个promise(许多!)不支持promise。所以我立即想到添加一个polyfill来为IE提供promises,但后来我想“等一下,你已经在写ES6了,难道它不编译到ES5中吗?”谁会比SO更清楚?那么添加诸如es6-promise的polyfill有什么意义吗?我的项目?如果有,我应该如何在语法上使用它?现在我只有导入,但我可能也应该以某种方式实现它?importPromisefrom'es6-promise';另外还有在IE中导致问题的promise,也许我有一个我自

javascript - React-Native 文本无故被垂直 chop

我的文本出现了一个有趣的错误。出于某种原因,文本会像这样随机被chop:conststyles=StyleSheet.create({container:{flex:1,alignItems:'center',justifyContent:'flex-start',backgroundColor:"#ecf0f1",width:"100%",paddingTop:"5%"},itemContainer:{backgroundColor:"#fff",margin:"5%",marginTop:0,borderRadius:5,width:"90%"},itemHeaderContain

javascript - promise : Execute something regardless of resolve/reject?

使用Promises设计模式,是否可以实现以下功能:vara,promiseifpromise.resolvea=promise.responsevalue;ifpromise.rejecta="failed"AFTERresolution/rejection.NotASYNC!!sendasomewhere,butnotasynchronously.//Notapromise我正在寻找的是类似于finally在try-catch情况。PS:我在NodeJS上使用ES6Promisepolyfill 最佳答案 注意:finally现

javascript - React - 检查元素在 DOM 中是否可见

我正在构建一个表单-用户在进入下一个屏幕之前需要回答的一系列问题(单选按钮)。对于字段验证,我使用yup(npm包)和redux作为状态管理。对于一个特定的场景/组合,会显示一个新屏幕(div),要求用户在继续之前进行确认(复选框)。我只想在显示时对此复选框应用验证。如何使用React检查元素(div)是否显示在DOM中?我想到的方法是将变量“isScreenVisible”设置为false,如果满足条件,我会将状态更改为“true”。我正在检查并在_renderScreen()中将“isScreenVisible”设置为true或false,但由于某种原因它会进入无限循环。我的代码:

javascript - 如何使用 React Apollo 2.1 的 Mutation 组件在 mount 上运行突变?

我们目前正在从Relay移动至ReactApollo2.1我正在做的事情似乎有问题。上下文:某些组件必须仅在用户通过身份验证(通过APIkey)时呈现,因此有一个Authenticator组件保护树的其余部分。在App.js中,它是这样使用的(显然下面的所有片段都是最小示例):importReactfrom'react';importAuthenticatorfrom'./Authenticator';importMyComponentfrom'./MyComponent';exportdefaultfunctionApp({apiKey}){return({if(error)retu

javascript - 理解 JS Promises

我想更深入地了解Promises的内部工作原理。因此我有一些示例代码:varp1=newPromise(function(resolve,reject){window.setTimeout(function(){resolve('rescalled')},2000);});varp2=newPromise(function(resolve,reject){window.setTimeout(function(){resolve('rescalled')},2000);});functionchainPromises(){returnp1.then(function(val){conso

javascript - 如何使用 Q.js 正确链接条件(?) promise

我还没有完全理解promise,如果这是一个简单的误解,我深表歉意。我有一个删除页面上的项目的功能,但我有一个特定的行为取决于页面的状态。伪代码是这样的:Doesthepagehavechanges?Ifyes-prompttosavechangesfirstIfyes-savechangesIfno-exitfunctionIfno-continuePrompttoconfirmdeleteIfyes-deleteitemandreloaddataIfno-exitfunction希望这是有道理的。本质上如果有变化,必须先保存数据。然后,如果数据已保存,或者如果开始时没有任何更改,则