草庐IT

react-promise

全部标签

javascript - 跨共享组件的 React js 和 PropTypes 重复

我已经创建了一些React组件,因此,父级...获得了一些Prop...随后的每个child都会使用这些Prop中的大部分,然后是child的child。**-->Parent**(requiredprops)**------->child**(requiredprops)**------->child**(requiredprops)**------------>subchild**(requiredprops)**------------>subchild**那些“必需的Prop”对于所有这些组件都是相同的。似乎过分了,每当我更新Parent中的Prop时,我就必须进入所有这些ch

javascript - 我可以触发并忘记 nodejs (ES7) 中的 promise 吗?

我想用babel运行这段代码:redisClientAsync.delAsync('key');returnawaitsomeOtherAsyncFunction();在第一行没有await的异步函数中。这样可以吗?我还能如何运行我不关心的东西?我可以在没有回调的情况下触发非promise函数del('key',null)吗? 最佳答案 是的,你可以这样做,它会并行运行两个异步函数。您刚刚创建了一个promise并将其丢弃。但是,这意味着当promise被拒绝时,您不会注意到。你只会getanunhandledRejectionev

javascript - 使用 React JSX 设置的可选属性

这个问题在这里已经有了答案:HowdoIconditionallyaddattributestoReactcomponents?(25个答案)关闭2年前。我正准备使用React制作我的下一个页面,但我找不到如何将可配置的属性集放入组件中,例如:仅当current==total时,我才想在ProgressBar中添加active属性。我该怎么做?有没有一种简单的方法可以在active和stripped这两个选项之间切换?像这样:除了创建一个属性对象并传播它{...props}

javascript - RxJS:连接三个 promise ,区分结果

我有三个promise,Rest请求返回数据列表。第三个有对前两个列表的引用(ids),所以我想在我拥有所有数据时将这些ids映射到相应的名称。映射不是问题,我只是为此使用了Lodash。但问题是在开始计算此映射之前等待三个promise解决。我想到了使用concat():Rx.Observable.concat(p1,p2,p3).subscribe(functiononNext(list){//Assignthelisttothecorrespondingvariableinthescope},functiononError(e){//Notifyoferror},function

javascript - react 组合事件

React文档指定了三个“组合事件”。onCompositionEndonCompositionStartonCompositionUpdatehttps://facebook.github.io/react/docs/events.html#composition-events组合意味着什么以及这些事件何时发生? 最佳答案 当您使用IME输入法输入非拉丁字符(如日语)以“组合”一个包含一个或两个以上字母的单词时,这些事件就会触发。我在下面制作了一个简单的演示gif,请看一下以获得更好的主意。demoofwhenCompositio

javascript - 为什么仅调用同步函数时 javascript promises 是异步的?

在测试中,我发现JavaScriptPromises总是是异步的,无论它们的链中是否包含任何异步函数。这里是一些代码,显示了控制台中的操作顺序。如果你运行它,你会看到即使每个函数都是同步的,输出显示两个aPromise()调用是并行运行的,并且“令人惊讶的是,这是在运行2完成后发生的”不在运行2完成之前发生。functionaPromise(){returnnewPromise(function(resolve,reject){console.log("makingpromiseA")resolve(bPromise());console.log("promiseAresolved")

javascript - react-intl - 访问嵌套消息

我正在尝试在应用程序中使用react-intl包。该应用程序在服务器上呈现,因此我编写了一些代码来确定使用哪种语言并将其提供给IntlProvider。翻译在messages.js文件中提供,它们看起来像这样:exportdefault{en:{message:'...somemessage',nested:{anotherMessage:'...anothermessage',}}de:{//...}}我的做法是这样的://importmessagesfrom'./messages.js'//Checkthelocalefortheuser(basedoncookiesorother

javascript - React - 如何在不使用构造函数的情况下访问 Prop

注意:我在使用ReactNative时遇到了这个特定问题,但我想这通常也适用于React。我有一个使用React.Component构建的React组件。我不需要设置状态,但我确实有Prop。我建议的语法如下:classHeaderextendsComponent{constructor(props){super(props);}render(){return{this.props.title};}}我知道我可以使用一个函数来构建这个组件,就像这样:constHeader=(props)=>{return{props.title};}但我更喜欢前者,因为我的组件会增长,可能有状态等,我

javascript - 如何向作为 Prop 传入的 React 元素添加额外的 Prop ?

我将一个react元素作为Prop传递给另一个元素。在接收Prop的子元素中,我需要为该元素设置额外的Prop。例如:父类classMenuExtendsReact.Component{render(){return(}/>}/>}/>);}}子类classMenuItemExtendsReact.Component{render(){return({this.props.icon}//Iwanttosettheicon'ssizeprophere);}}this.props.icon是一个React元素(、等),它允许属性size.我想设置sizeMenuItem中的属性(prope

javascript - 为什么 IE 11 显示空白页面渲染 react 应用程序

我的IE11和我的React应用程序有问题。我使用Webpack、babel和polyfill.iocdn,一切都很好,直到呈现捆绑文件,然后它停止做任何事情。您知道可能会出现什么问题吗? 最佳答案 React与IE不兼容,来自官方文档:React支持所有流行的浏览器,包括InternetExplorer9及更高版本,尽管旧浏览器(如IE9和IE10)需要一些polyfill。Wedon’tsupportolderbrowsersthatdon’tsupportES5methods,butyoumayfindthatyourapps