草庐IT

Node-React

全部标签

javascript - React Context 和单独的类

我已经放弃了让mt了解Redux的希望(我是React的新手),并且看到React的Alpha版本提供了一个新的Context。所以我正在尝试学习它,我的目标是,我有一个导航栏,我想在我的上下文中响应一个状态,{isAuthorised:false}。我正在关注thisguysvideo:但他将所有代码都放在一个文件中。我正努力做到“正确”。我所做的是创建一个名为“context”的文件夹,并在其中创建一个名为provider.jsx的jsx。importReact,{Component}from'react';exportdefaultclassMyProviderextendsCo

javascript - ReactJS 如何在 React 中切换页面?

所以来自Angular/AngularJS背景,你有状态,每个状态都是一个单独的页面。例如。在社交网络中,你可以有一个状态与你的提要,一个状态与你的friend列表,或者一个状态来查看个人资料等。非常简单。对我来说,React不是那么多。假设我有一个包含2个页面的应用程序:一个产品列表和一个产品View。在它们之间切换的最佳方法是什么?最简单的解决方案是拥有一个对象,它有一个stateName并且是一个bool值constructor(){super();this.state={productList:true,productView:false}}然后在你的render()函数中加入

javascript - 如何在 react-visjs-timeline 中调用方法

使用react-visjs-timeline,如何调用Timeline组件的方法?方法如:timeline.fit();timeline.setItems({...});timeline.focus(id);我向组件添加了一个ref,但我不确定要在哪个项目上调用方法:docsforreact-visjs-timeline没有提到如何调用方法。? 最佳答案 您只想调用$el的方法。this.timelineWrapperRef.current.$el.fit();this.timelineWrapperRef.current.$el.

javascript - Node JS : Allow only server side calls to my api

我一直在绞尽脑汁寻找一个简单的解决方案。比方说,我的NodeJS应用程序中有10个API端点。我已经允许其中3个公开,其余4个具有基于JWT的身份验证现在我还有3条路由,它们没有JWT,我只需要允许服务器端调用。没有浏览器或curl或postman,应该能够调用他们。如何从请求对象中识别它来自服务器?或者换句话说,如何拒绝对我的api的所有跨源调用?由于服务器端不属于CORS,它们应该过滤-----编辑-----我最近发现了一项使用用户代理header来阻止服务器端调用的服务。我可以为我的服务强制执行用户代理header并确保该header没有浏览器代理吗?这很容易被蒙蔽,但作为理论上

javascript - 测量 React Native 应用程序中网络套接字使用的带宽

在我们的应用程序中,员工使用手机记录企业内的事件。他们最终平均每月使用0.5GB-2GB数据。我正在尝试在我们的应用程序中构建记录数据使用情况的功能,以便我们可以以费用报销的形式将其发送回企业。在下面的示例代码中,如何确定通过WebSocket发送消息的设备使用了多少带宽/数据?varws=newWebSocket('ws://host.com/path');ws.onopen=()=>{ws.send('something');}; 最佳答案 假设您可以通过唯一IP识别客户端session(只是session,他们并不总是需要这个

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - Svelte 等同于 React 的 props.children?

我在svelte3的任何地方都找不到这个功能。我希望它是这样的..App.svelteCan'tconnecttotheserver!`Error.svelte{props.children}我希望App.svelte显示:Can'tconnecttotheserver!我只知道如何使用React的props.children来做到这一点。 最佳答案 您可以使用slot.它是svelte提供的一个组件。您可以在您的组件中使用它。传递给组件的任何内容都将代替插槽呈现在你的error.svelte中试试这个

javascript - 仅当我的文件是运行文件时,如何让 node.js 执行一些代码?

我希望能够通过以下方式直接启动我的快速服务器:$nodeapp.js但我也希望能够请求该文件,并让它返回应用程序实例但实际上不启动服务器。然后我可以稍后使用一些选项开始它。app=require'./app'app.listenoptions.someCustomPort我基本上是在寻找与此ruby​​代码段等效的内容,但在node.js中。if__FILE__==$0app.listenoptions[:some_custom_port]end这个有成语吗? 最佳答案 检查module.parent如果它是null或undefin

javascript - 来自 Node.js 上的 HTTP 请求的 getaddrinfo ENOENT 错误

这个问题在这里已经有了答案:nodejshttprequestwithdata-gettingerrorgetaddrinfoENOENT(8个答案)关闭9年前。下面是我的Node.jsHTTP响应请求器的代码。一旦我使用一个我明确知道不存在的网站,错误消息就会通知我错误:getaddrinfoENOENT我想知道更多关于这个错误的信息。是什么催生了它?错误详情是什么?404'会产生它吗?varhostNames=['www.pageefef.com'];for(i;i

javascript - throw() 生成的 node.js uncaughtException 上缺少堆栈跟踪

我正在trycatchnode.jsuncaughtException的堆栈跟踪,它适用于不同的错误,但不适用于throw()语句:更正异常处理的堆栈跟踪:$caterrorFunc.jsprocess.on('uncaughtException',function(exception){console.log('uncaughtExceptionoccurred:'+exception.stack);});MyError();$nodeerrorFunc.jsuncaughtExceptionoccurred:ReferenceError:MyErrorisnotdefinedatO