草庐IT

react-promise

全部标签

javascript - 简单的 promise 然后实现

最近,有人向我展示了一段在全栈开发人员面试中被问到的代码。它涉及创建一个promise,候选人应该在其中实现,传递给它一个解析函数,然后链接2个。我尝试非常天真地实现Promise只是为了让代码工作。创建了一个接受解析器函数的构造函数,创建了一个接受回调并返回Promise的Then函数,并简单地调用解析器函数的回调。classMyPromise{constructor(resolver){this.resolver=resolver;}then(callback){constresult=newMyPromise(callback);this.resolver(callback);r

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - Svelte 等同于 React 的 props.children?

我在svelte3的任何地方都找不到这个功能。我希望它是这样的..App.svelteCan'tconnecttotheserver!`Error.svelte{props.children}我希望App.svelte显示:Can'tconnecttotheserver!我只知道如何使用React的props.children来做到这一点。 最佳答案 您可以使用slot.它是svelte提供的一个组件。您可以在您的组件中使用它。传递给组件的任何内容都将代替插槽呈现在你的error.svelte中试试这个

javascript - 使用 promise 配置多个功能

这是Setfirefoxprofilewithprotractor的后续行动话题。根据setFirefoxProfilehowto,可以使用特殊的"helper"jscode设置firefox配置文件使用firefox-profile和q动态制作编码的Firefox配置文件的库。这对我有用,直到我尝试使用多个浏览器并配置multiCapabilities:exports.config={seleniumAddress:'http://localhost:4444/wd/hub',multiCapabilities:[{browserName:'chrome',specs:['foote

javascript - 将 React 的不可变助手与 Immutable.js 结合使用

我正在研究助焊剂应用,正在考虑采用immutable.js保持状态。我看到React提供了自己的帮助程序来更新不可变对象(immutable对象)(http://facebook.github.io/react/docs/update.html),但无法说出它与不可变对象(immutable对象)自己的setIn和updateIn方法有何不同(即,我已经可以将对象与===进行比较,如果它们随setIn改变)。是否有理由将react助手与immutable.js一起使用?它只是语法糖吗?TL;DR是:varmap=Immutable.fromJS({bar:'baz'});map2=Re

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 是否可以将 promise 包装在生成器中?

我正在尝试使用生成器创建一个promise-wrapper,以便我可以:varasyncResult=PromiseWrapper($.ajax(...));到目前为止,我一直在尝试:functionPromiseWrapper(promise){returnfunction*wrapper(promise){promise.then(function(result){yieldresult;},function(err){throwerr;});}(promise).next().value}但这失败了,因为不允许在法线内屈服。有什么解决方法吗?谢谢:Dps:我正在使用babel将代

javascript - 为什么 'new Promise(...)' 返回 'undefined' ?

似乎如果在用于创建promise的函数中未引用“resolve”函数,则该promise未定义。在下面的代码中,...varcount=0;varlimit=3;//varthePromise;functiontimeout(_count){thePromise.resolve(_count);}functionsendMessage(){returnnewPromise(function(resolve,reject){if(++count>limit){reject({'LimitExceeded':count});}else{//Withthislineinplace,there

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o

javascript - 获取 React JS 私有(private)方法的最佳实践是什么?

当您为事件设置组件或元素回调时,教程和文档会显示如下代码:'usestrict';importReactfrom'react';letFooComponent=React.createClass({handleClick(args){...},render(){returnSometitleClickMe!}};exportdefaultFooComponent;但是这个handleClick方法可以从这个组件访问,如果我在另一个组件上使用FooComponent并为它分配一个引用,我可以从这个其他组件访问handleClick。'usestrict';importReactfrom'