草庐IT

react-promise

全部标签

javascript - 我如何根据 React 中的 javascript 对象渲染组件 X 次?

我正在尝试渲染X数量的照片,具体取决于OBJECT(photos)的长度。我试过将数据附加到字符串,但它不起作用。有什么好的解决办法吗?varRenderPhotos=React.createClass({getInitialState:function(){return{photos:this.props.photos};},render:function(){varphotoHolder="";for(vari=0;i"{this.props.photos[0].description}"");}return({photoHolder}////{this.props.photos[

javascript - 将 promise 包装在 promise 中是一种反模式吗?

我尝试使用PromiseAPI编写代码以超时重新连接到数据库。我最终所做的是将连接到数据库的promise包装在一个promise中,但我不确定这是否是最好的做事方式。我认为可能有一种方法可以使用尝试连接到数据库的原始promise,但我无法弄清楚。functionconnect(resolve){console.log('Connectingtodb...');MongoClient.connect(url,{promiseLibrary:Promise}).then((db)=>resolve(db)).catch((err)=>{console.log('dbconnection

javascript - 测试 React Modal 组件

抱歉,我一直在尝试通过单击按钮来测试关闭我的ReactModal,这让我度过了最艰难的时光。Modal尽可能简单,我已经尝试了所有我能想到或找到的方法,但我仍然无法查询它的子项。模态组件:varReact=require('react');varModal=require('react-bootstrap').Modal;varButton=require('react-bootstrap').Button;varMyModal=React.createClass({...render:function(){return(MyModalHello,World!Close);}});我的

javascript - React-router 强制查询字符串为具有单个元素的数组

我刚刚将使用react和react-router制作的应用程序从旧版本迁移到react0.15和react-router2.0在旧版本中,Links是这样创建的:{name}这构造了一个url,如/route/?ids[]=1。那会给我组件this.props.query={ids:['1']}升级后Link声明更改为:{name}它生成类似/route/ids=1的url,现在路由器像这样解析查询字符串:this.props.location.query={ids:'1'}如果链接声明中的数组有多个元素,我设法获得一个数组的唯一方法,尽管url没有在url中使用空括号。那么有没有办法

javascript - 如何检测哪个 React 组件触发了 onKeyUp 事件?

假设我们有一个onKeyUp处理程序:handleKeyUp:function(e){/*handlestuff*/},我们有几个输入组件,它们都可以触发处理程序:...如何让处理程序检测onKeyUp是从login还是pwd触发的?一个场景是我在pwd上检测到Tab键按下,然后我继续尝试保存文本字段(但不是我从logintab关闭的地方)。我已经尝试查看e.target的详细信息,但无法弄清楚如何引用原始组件。更新对不起,一定是没想清楚。是的,e.target是对原始组件的引用。我一直在寻找ref的句柄来获取值。但我不需要ref,我可以从e.target.value中获取值。

javascript - 如何在 react.js 表单中创建多个提交按钮?

我正在尝试在react.js中创建一个表单,用户可以在其中单击两个不同的按钮来执行两个不同的操作。在我的例子中,表单应该允许用户选择一个文档并替换当前文档(第一个按钮)或附加到它(第二个按钮)。是否有可能以单一形式实现这一点?我以为我可以使用onSubmit函数中的“事件”参数检测应用了哪个按钮,但没有成功。我还考虑过使用对输入和普通按钮的引用来重新创建一个伪表单,但如果存在更简洁的解决方案,我宁愿不使用这样的hack。预先感谢您的帮助!注意:我发现了一些与多个提交按钮相关的问题(例如here和here),但没有一个涉及react.js解决方案。 最佳答案

javascript - 如何在 React Router 中正确使用 IndexRoute?

我正在将React用于一个小型网络应用程序。它有一个基本的5页网站布局。(Home|About|Contact|Press|Shows)所以我想使用一个只显示菜单、页眉和页脚的应用程序模板,{props.children}将是ReactRouter的路由组件。为此,我使用了以下代码。假设所有进口都在那里......这是我的路由器代码:exportdefault(props)=>{return();}现在这是我的模板:exportdefault(props)=>{return({props.children});}我知道出了点问题,b/c没有CSS魔法,a:active始终是HOME和任

javascript - AngularJS 中的 promise 顺序

问题:是否有一种“简单”的方法来取消AngularJS中的($q-/$http-)promise或确定解决promise的顺序?示例我有一个长时间运行的计算,我通过$http请求结果。在初始promise得到解决之前,某些操作或事件要求我重新启动计算(并因此发送新的$http请求)。因此我想我不能使用像这样的简单实现$http.post().then(function(){//applydatatoview})因为我无法确保响应按照我发送请求的顺序返回-毕竟我想在所有promise都得到正确解决时显示最新计算的结果。但是我想避免等待第一个响应,直到我发送这样的新请求:consttime

javascript - 如何对调用另一个返回 promise 的函数进行单元测试?

我有一个使用express4的node.js应用程序,这是我的Controller:varservice=require('./category.service');module.exports={findAll:(request,response)=>{service.findAll().then((categories)=>{response.status(200).send(categories);},(error)=>{response.status(error.statusCode||500).json(error);});}};它调用我的服务返回一个promise。一切正常

javascript - 如何测量 react 虚拟化列表中的行高

我有点不确定如何使用react-virtualized实现列表的动态高度.我有一个组件如下:import{List}from'react-virtualized';{return100;//Thisneedstomeasurethedom.}}rowRenderer={({key,index,style})=>}}width={300}/>我看过使用CellMeasurer根据文档说它可以与List组件一起使用,但我不知道这个例子实际上是如何工作的......我还尝试弄清楚它是如何在democode中实现的但也走到了死胡同。有人可以帮助我了解如何测量DOM以动态获取每个项目的高度。