草庐IT

react-promise

全部标签

javascript - 将 csurf 与 react 服务器一起使用

我想添加csurf作为react-server内部的快速中间件用于通用应用程序。我想要实现的是将csrftoken添加到React组件中表单中的隐藏输入,以保持服务器呈现的网站将提供的相同csrf保护流程,但在SPA中。这在react-server中在技术上是否可行?如果是这样,我如何通过页面(理想情况下)将响应对象中可用的csrftoken传递给react组件? 最佳答案 我实际上遇到了同样的问题,幸运的是在这里遇到了解决方案:https://github.com/kriasoft/react-starter-kit/issues

javascript - Q.defer() 和 Promise() 的区别

我试图理解为什么以下代码与Q.defer()和Promise()的行为不同Case1:WhenI'musingQ.defer()getDocument(id).then(function(response){console.log('infirstthen')return'fromtwo';}).then(function(response){console.log(response)});vargetDocument=function(){varb=Q.defer();b.resolve('fromgetDocument');//herewilldosomeasyncoperatio

javascript - 这个 Promise 链保证按这个顺序执行吗?

functionsleep(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}letp=sleep(50);p.then(()=>console.log('a')).then(()=>console.log('c'));p.then(()=>console.log('b')).then(()=>console.log('d'));这是否保证按顺序打印“a、b、c、d”?据我所知,“a”必须在“c”之前触发,“b”必须在“d”之前触发,但除此之外,JS解释器能否决定以不同的顺序执行其余部分? 最佳答案

javascript - 如何在 React 中更新嵌套状态,状态应该是不可变的吗?

我们正在热烈讨论如何在React中更新嵌套状态。状态是否应该是不可变的?优雅地更新状态的最佳做法是什么?假设您的状态结构如下所示:this.state={numberOfStudents:"3",gradeLevel:"5",students:[{id:"1234",firstName:"John",lastName:"Doe",email:"johndoe@mail.com"phoneNumer:"12345"},{id:"56789",firstName:"Jane",lastName:"Doe",email:"janedoe@mail.com"phoneNumer:"56789"

javascript - Promises,如何将变量传递给 .then 函数

你好,这是一个帮助我理解Promises.then返回如何工作的问题。问题是:如何将变量限定为第二个.then链接函数?这是一个jsbinhttp://jsbin.com/xacuna/edit?js,output我可以访问全局变量,然后将作用域变量传递给第一个,但不能传递给之后。letinnerReturnFunction=(res,myName)=>{/*thisworks*/console.log(`hifrominnername:${myName}`)returnres}letgetInnerFuncVariable=()=>{varmyName='arturo'returnf

javascript - 如何在 React 中实现搜索栏按钮和结果组件

我已经看到了其他类似的答案,但由于我是初学者,所以我尝试实现它们,但我很困惑,以至于对我没有任何帮助。这是问题所在:我有一个搜索栏(搜索栏组件),它应该有一个提交按钮。单击该按钮时,搜索结果应该出现在查看器组件中。我不知道如何从查看器中的搜索栏连接事件。如何告诉一个组件另一个组件发生了变化?我希望两个sibling能够传达这一点importReactfrom'react';varSearchbar=React.createClass({getInitialState:function(){return{};},handleSubmit:function(e){e.preventDefa

javascript - 通过在 react-router 的地址栏中输入它的地址直接访问路由器

有两种“主要”方式使用react-router(V4);第一种方法是使用哈希路由器,您可以通过在浏览器的地址栏中键入地址来直接访问该地址,但您必须在URL中添加#,另一种方法是使用BrowserRouter,它具有漂亮且用户友好的URL结构,但您不能t直接键入地址以呈现路线。如何将HashRouter配置为在没有#的情况下工作,或者将BrowserRouter配置为直接输入URL?.htaccess可以吗?怎么办?constReact=require('react');constReactDOM=require('react-dom');import{HashRouterasRoute

javascript - 如何处理 react 中的进口 hell ?

我正在通过Node.js运行我的React应用程序。有没有办法轻松处理这种导入hell?我在运行./node_modules/.bin/babel-node--presetsreact,es2015server/server.js作为npm启动。server.js是一个简单的ExpressServer,它服务于ReactDOMServer.renderToString()。我的一些react组件有这样的东西:importGenericTemplatefrom"../../templates/GenericTemplate/GenericTemplate";importFooterfro

javascript - 使用 React refs 调用子函数的最佳实践

我希望对使用Reactrefs调用子函数有所了解。我有一个父组件,它是一个带有几个按钮的工具栏,在子组件中我可以访问库的导出功能。我想在父组件中单击按钮时调用此导出功能。目前我正在使用Reactrefs来完成这个:Parent.js[引用]classParentextendsReact.Component{onExportClick=()=>{this.childRef.export();}render(){return(Exportthis.childRef=node;}/>)}}Child.js[引用]classChildextendsReact.Component{export(

javascript - React native 路由与 React 导航

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion我正要选择是否使用ReactNavigation或使用ReactRouterNative,我认为ReactNavigation更好,但后来我发现了一些这样的反馈reactnavigationissue,附言:ReactRouterNative具有与ReactRouter相似的API这看起来很简单,我还是迷路了!我需要一个建议