草庐IT

异步组件

全部标签

javascript - 如何将信息传递给 react 中的嵌套组件?

说我有(其中component1有一个子component2,component2有一个子component3,component3有一个子component4)并说我想将一些东西从component1传递到component4。我需要将props向下传递吗?所以组件1->组件2->组件3->组件4?请注意:这些组件不在同一个文件中。所以在component1.js中我指的是在component2.js中,我指的是等等 最佳答案 这里有两个主要选项:传递Prop。使用contextAPI使用props你还有两个主要选项:你可以隐式传

javascript - 使用 Jest 异步设置环境

在Jest中运行端到端测试之前,我需要从服务器获取身份验证token。是否可以在全局范围内执行此操作并以某种方式将其设置为每个测试的全局环境/上下文?我尝试使用globalSetup配置选项:constauth=require('./src/auth')constctx=require('./src/context')module.exports=()=>{returnnewPromise(res=>{auth.getToken().then(token=>{ctx.init({token})global.token=tokenres()})})}context.jslet_token

javascript - 如何从父组件将类应用到 Vue.js 功能组件?

假设我有一个功能组件:Somefunctionalcomponent现在我在一些带有类的父级中渲染这个组件:结果DOM没有将new-class应用于Functional子组件。现在据我了解,Vue-loader将Functional组件针对render函数context编译为explainedhere.这意味着类不会被直接应用和智能合并。问题是-如何在使用模板时让函数式组件与外部应用的类很好地配合?注意:我知道可以通过渲染函数轻松实现:Vue.component("functional-comp",{functional:true,render(h,context){returnh("

javascript - 纯函数可以异步吗?

在遍历纯函数的定义时,它通常定义有两个特征:1)给定相同的输入应该产生相同的输出2)不应产生任何副作用这是否也意味着纯函数不应该是异步的?如果没有,怎么会?如果是,我很乐意看到一些JavaScript中的异步纯函数示例。 最佳答案 是的,异步函数通常不是纯粹的,因为它与要求#2冲突:无副作用。我们使用异步函数的大多数事情本质上都是有副作用的:I/O、网络、计时器。但即使我们忽略这些,promises本身也依赖于某种全局状态来实现异步:事件循环。这通常不符合我们对纯度的定义。另一方面,在争论函数的纯度时,我们可以简单地忽略这些,就像我

javascript - 当所有数据准备好时加载组件

我正在使用React和Redux。在此示例中,我的类(class)包含ma​​pStateToProps和ma​​pDispatchToPropsclassEnigmaPageextendsComponent{constructor(props){super(props);}componentDidMount(){this.props.authCheckState();}readUserData(){this.props.loadLevel(this.props.userId);}render(){return()}}constmapDispatchToProps=dispatch=>

javascript - 如何构建异步函数的测试?

我习惯于使用标准的NodeJsassert库编写Mocha测试,如下所示:describe('Somemodule',()=>{varresult=someCall();it('Should',()=>{assert.ok(...);});})但现在我的电话返回了一个promise......所以我想写:describe('Somemodule',async()=>{varresult=awaitsomeCall();it('Should',()=>{assert.ok(...);});})但它不起作用。我的测试根本不运行。奇怪的是,describe('Somemodule',asyn

javascript - learnyounode #9 杂耍异步

我正在尝试学习nodeschool的learnyounode。Thisproblemisthesameasthepreviousproblem(HTTPCOLLECT)inthatyouneedtousehttp.get().However,thistimeyouwillbeprovidedwiththreeURLsasthefirstthreecommand-linearguments.YoumustcollectthecompletecontentprovidedtoyoubyeachoftheURLsandprintittotheconsole(stdout).Youdon'tn

javascript - 在 dangerouslySetInnerHTML 中从 onclick 调用 React 组件函数

React新手在这里。我有一个contenteditablediv,它有dangerouslySetInnerHTML作为child,因为我需要在运行时格式化用户输入的任何内容。在HTML中的特定范围内单击时,我想setState包含组件的变量之一。这能做到吗?如果不是,我应该如何更改我的结构?代码如下:updateText:function(){vartxt=$('#text_Box').text();if(txt.indexOf('@Name')>-1){txt=txt.replace('@Name',':Name');}this.setState({userText:txt});

javascript - 如何解决递归异步 promise ?

我在玩弄promises,我在处理异步递归promise时遇到了麻烦。场景是一位运动员开始跑100米,我需要定期检查他们是否跑完了,一旦他们跑完了,打印他们的时间。编辑以澄清:在现实世界中,运动员在服务器上运行。startRunning涉及对服务器进行ajax调用。checkIsFinished还涉及对服务器进行ajax调用。下面的代码试图模仿它。代码中的时间和距离是硬编码的,目的是让事情尽可能简单。抱歉没有说清楚。结束编辑我希望能够写出以下内容startRunning().then(checkIsFinished).then(printTime).catch(handleError)

javascript - Vue.js 访问父组件

我有一个具有此方法的子组件:getSubscriptions(){MessageService.subscriptions()this.$parent.loading=true;.then((data)=>{if(data.data.subscriptions==null){this.noSubscriptions=true;}else{this.subscriptions=data.data.subscriptions;}this.$parent.loading=false;}).bind(this);}所以我想在我的父组件中显示一个加载圆,我这样访问它:this.$parent.l