草庐IT

react-promise

全部标签

javascript - react .js : onClick function from child to parent

我用了this以文章为例(React方式),但它对我不起作用。请指出我的错误,因为我不明白哪里出了问题。这是我看到的错误:UncaughtTypeError:this.props.onClickisnotafunction这是我的代码://PARENTvarSendDocModal=React.createClass({getInitialState:function(){return{tagList:[]};},render:function(){return({this.state.tagList.map(function(item){return()})})},HandleRem

javascript - 与 react/redux 共享 actions 和 reducers

我仍然是一个react/redux菜鸟。在一页上,我有大量的文本输入。一段时间后,我开始注意到我的操作文件具有做同样事情但输入不同的函数:exportfunctionsetInputName(string){return{type:'SET_CURRENT_NAME',payload:{value:string}};}exportfunctionsetInputCity(string){return{type:'SET_CURRENT_CITY',payload:{value:string}};}我的reducer看起来像:exportfunctioncurrentName(state

javascript - javascript Promise API 是否比它需要的更复杂?

我想我终于设法在大多数情况下围绕javascript/ES6Promises转变了想法。这并不容易!但有些东西让我对设计感到困惑。为什么Promise构造函数需要回调?考虑到回调是立即调用的,调用者是否可以直接执行该代码,从而避免一种不必要的令人费解的“别调用我,我会调用你”?这是我认为的Promise用法的原型(prototype)示例,复制自JakeArchibald的JavascriptPromises教程http://www.html5rocks.com/en/tutorials/es6/promises/#toc-promisifying-xmlhttprequest,删除评

javascript - { React jsx babel es6 webpack } 如何在 render 中评论 ( return (//||/**/) )?

我上周开始了一个项目。在回到我的团队之前,我想评论一下我的代码。/*JustfortheSyntaxoutlook*/classFooextendsReact.Components{constructor(props){super(props);}render(){return(/*cannotcommit!!!!**Followingwillthrowerrorwhenbundledwithwebpack*///Thisthrowserroraswell.)}}代码可能看起来像评论一样有效,但当前JSbin的设置未在ES6上设置。当您使用jsx通过webpack运行bundle时,它

javascript - React js 改变状态不更新组件

我有一个按钮,当它被点击时,它应该将按钮颜色更改为红色,我这样做是通过更改状态来更新组件类使其成为.red类,从而更新颜色,4秒后它将恢复正常。然而不知何故它不会更新和重新渲染组件。我的代码:importReactfrom"react";importReactDomfrom"react-dom";constapp=document.getElementById("app");classLayoutextendsReact.Component{constructor(props){super(props);this.users=[{name:"user1",world:"88",},{n

javascript - 无法访问 react-bootstrap-table 中的嵌套字段

Mongo数据库可以返回一个包含嵌套数据的数组。我想显示包含在的数据:{应用程序:{数据:{描述:'我的描述}}}但它根本不起作用。你知道怎么做吗,我在文档和SO中都找不到。constApplications=(props)=>({props.applications.length===0?Aucunecandidature:TitleCandidatdescription})谢谢你的帮助;) 最佳答案 几分钟后,我找到了一个解决方案:我不得不使用自定义dataFormatter,如文档的这一部分所示:https://github.

javascript - 限制在给定时间打开的 promise 数量

以下TypeScript一次执行对doSomething(action)的每次调用。(这意味着列表中的第二项在第一项完成之前不会被调用)。asyncperformActionsOneAtATime(){for(letactionoflistOfActions){constactionResult=awaitdoSomethingOnServer(action);console.log(`ActionDone:${actionResult}`);}}这将立即向服务器发送所有请求(无需等待任何响应):asyncperformActionsInParallel(){for(letaction

javascript - 在 React 中初始化和使用 `sessionStorage`

我目前正在尝试将项目保存到sessionStorage中在渲染发生之前。我的代码是这样的:componentWillMount(){sessionStorage.setItem("isUserLogged",false);}但是,它说“sessionStorage未定义。”在渲染发生之前,我如何在React中使用sessionStorage? 最佳答案 SessionStorage在使用服务器端呈现时不可用(您可以模拟它,但数据不会对用户可用)。它仅在浏览器中可用https://developer.mozilla.org/en-US

javascript - 用 React 编写的 Chrome 扩展中的路由

我想在我的Chrome扩展程序中添加2个页面。例如:第一个(默认)页面包含用户列表,第二个页面包含针对该用户的操作。我想通过点击用户来显示第二页(在我的例子中是ClickableListItem)。我使用React和React路由器。这是我拥有的组件:classResentsextendsReact.Component{constructor(props){super(props);this.handleOnClick=this.handleOnClick.bind(this);}handleOnClick(){console.log('navigatetonextpage');con

javascript - promise JS 中 resolve 和 return 的区别

varp1=newPromise(function(res,rej){res(42);}).then((result)=>{returnresult;});**如果我有**返回结果,这个promise是否已解决?“已解决的promise”是什么意思? 最佳答案 JavaScript是一种单线程语言。这简化了大多数任务;但是,这意味着异步任务必须在回调函数中处理。Promise是一种面向对象的回调类型,它提供比简单回调函数更强大的功能。已解决promise意味着then将调用promise对象的函数。在您的示例中,promise已得到