草庐IT

react-promise

全部标签

JavaScript : Calling Recursive Functions With Promises

语言:JavaScript递归-不是我最喜欢的主题。Promises-它们可能会让人感到困惑。递归+Promises-我需要在软垫房间里编程。我做了这个小JSFiddle拼图,我称之为TheRecursiveFunHouse作为通过将问题简化为愚蠢的事情来保持我理智的喜剧方式。希望你们能从我的痛苦中得到欢笑:)问题:每个递归调用都依赖于前一个调用的结果,但为了获得结果,我必须运行一个异步任务并在其他子任务中使用该结果。“递归Playground”帮助我将问题归结为这一点-由于子任务仍在执行,原始递归循环继续使用未定义的值。TheFunHouse-循环收集介于(-99)和99之间的随机数

javascript - React - 在表格行上触发点击事件

我无法从React中的表格行调用点击事件。下面是我的代码。我有一个单独的函数来单独填充行,但似乎我弄乱了绑定(bind)信息。importReact,{Component,PropTypes}from'react';importHeaderfrom'./Header';exportdefaultclassSongDataextendsComponent{constructor(props,context){super(props,context);}isEmpty(obj){returnObject.keys(obj).length===0;}fetchDetails(song){co

javascript - React Native Expo 找不到变量自身

我在expo中创建新项目时突然遇到此错误,当我创建任何项目时它都能完美加载并且可以看到默认屏幕。当我尝试安装任何依赖项时,例如yarnaddnative-base它停止工作并给我无法找到变量Self和Expo被绞死请帮忙提前谢谢 最佳答案 对于使用expo-cli或XDE创建新项目的用户,您将在第一次“yarn”或“npminstall”后出现红屏“Can'tFindVariableSelf”。这是因为昨天发布了新的“whatwg-fetch”3.0.0(https://www.npmjs.com/package/whatwg-fe

javascript - Prop 验证中缺少 React Navigation 'navigation'

ReactNavigation的introductionpage建议使用以下解构赋值:const{navigate}=this.props.navigation;但是,当我在我的应用程序中实现ReactNavigation时,ESLint提示描述这两个错误的这一行:'navigation'ismissinginpropsvalidation(react/prop-types)'navigation.navigation'ismissinginpropsvalidation(react/prop-types)即使应用程序似乎按预期运行,如何才能删除这些错误行?

javascript - 将 React JSX 对象转换为 HTML

我有一个基于某些配置生成HTML输出的React应用程序。像这样:exportconstgetHtml=(config)=>{const{classes,children}=configreturn({children});}在React应用程序中,我可以轻松地显示生成的DOM对象,但我想将HTML代码保存到数据库中,以便在不同的页面上显示它(无需再次加载react/解析配置)我找不到将JSX对象转换为纯HTML的方法... 最佳答案 使用renderToStaticMarkup方法。根据文档:Youcanusethismethod

javascript - 如何避免在 React 中使用 setProps?

我正在使用react&redux开发应用程序,我需要setProps但它已被弃用。看看下面的错误:Warning:setProps(...)andreplaceProps(...)aredeprecated.Instead,callrenderagainatthetoplevel.UncaughtInvariantViolation:setProps(...):YoucalledsetPropsonacomponentwithaparent.Thisisananti-patternsincepropswillgetreactivelyupdatedwhenrendered.Instea

javascript - 通过单击 react.js 传递 id

下面是我的部分代码,但我的问题很简单,当用户点击li时,如何让我的函数显示data-id="1"?render(){return({this.state.items.map((item,i)=>{item.name}X)})} 最佳答案 因为您已经在使用ES6-使用arrow可能会更干净一些函数在这里:render(){return({this.state.items.map((item,i)=>{item.name}this.yourfunc(item.id)}>X)})} 关于jav

javascript - 从 Axios 返回 promise ?

我想知道如何从Axios返回promise?我不确定是否需要使用拦截器?我现在有这个代码exportfunctionfetchStorage(){returnfunction(dispatch){returnnewPromise(function(resolve,reject){if(1===1){resolve('itworks!');}else{reject(':(');}});};}和this.props.fetchStorage().then(function(){console.log('then');});现在说我想更改fetchStorage以通过ajax做一些事情,我希

javascript - 在动态加载的 es 模块中使用 React

我一直在加载一个可以简化为src/test.tsx的原生ES模块:exportdefaultclassTest{constructor(){console.log('loaded');}}我可以在我的浏览器中加载它并很好地初始化它,ala:import('http://127.0.0.1:8085/').then(m=>{constinstance=newm.default();});但是..如果我想添加任何外部依赖项,在本例中为React,我似乎无法弄清楚如何使用tsc以es6为目标并捆绑React。所以我的dist文件包含importReactfrom'react';浏览器不知道如

javascript - 在 Chrome 中使用 React Native 调试 ES6 import 语句

我严重依赖ReactNative的“在Chrome中调试”功能,因此依赖Chrome的调试器。但是我注意到这个系统有一个巨大的缺陷:我使用ES6-styleimport导入的模块。即使代码执行正常,在Chrome的范围内也不可见。这使得使用这些导入语句调试代码变得非常困难。如果我用varMyModule=require(...)替换import语句,那么该模块在范围内可见。看完ES6moduleimportisnotdefinedduringdebugger我查看了ReactNative生成​​的转译源代码(通过在我的浏览器中加载http://localhost:8081/index.