草庐IT

Node-React

全部标签

javascript - 检测 Node.js 中的硬链接(hard link)

如何判断文件系统路径是否是Node.js的硬链接(hardlink)?函数fs.lstat给出了一个stats对象,当给定硬链接(hardlink)时,该对象将为stats.isDirectory()和返回truestats.isFile()分别。fs.lstat没有提供任何东西来说明普通file或directory与链接文件之间的区别。如果我对链接(ln)工作原理的理解是正确的,那么链接文件指向磁盘上与原始文件相同的位置。这意味着原始文件和链接版本是相同的,并且无法区分原始文件和链接文件。我正在寻找的功能如下:Thisishypotheticalpseudo-codefordemon

javascript - es6 模块到 commonjs,在 node harmony 标志下使用 typescript

我在--harmony标志下使用带有Node的TypeScript(1.6),所以我想将es6模块语法转换为commonjs。据我所知,我无法使用TypeScript1.6执行此操作。如果我将目标设置为es6,并将模块设置为commonjs,我会收到TypeScript错误-Cannotcompilemodulesinto'commonjs','amd','system'or'umd'whentargeting'ES6'orhigher.为什么TypeScript不能编译成带有ES6目标的commonjs?我想很多人都想这样做,因为Node还不支持ES6模块。我原以为新的moduleR

javascript - 如何在没有 TestUtils.findAllInRenderedTree 的情况下遍历包括 DOM 组件在内的所有 React 组件?

Reactv0.14将不再提供通过TestUtils.findAllInRenderedTree遍历根组件内所有渲染组件的能力-DOM组件将被排除在外。是否有一些更好的做法遍历根组件内的所有组件? 最佳答案 您可以通过遍历子节点来递归遍历节点。functiontraverse(node,visitor){return_traverse(node,visitor,{level:0,parent:null});}function_traverse(node,visitor,state){visitor(node,state);if(!n

javascript - 如何将事件从 Redux 传递给 React?

我有一个基于GUIReact/redux的应用程序。作为View的一部分,有一个我希望闪烁的“指示器”react组件,闪烁是通过CSS3动画(动画帧)完成的。调用react组件的indicator.blink()成员函数使指示器闪烁(它基本上从DOM元素中删除了blink类,然后在1ms之后再次添加它,作为hack来获取围绕CSS3动画没有“重启”api的事实)。在redux框架中发生某些Action时(如果需要,它们可以是thunk),我希望在ReactView中调用此blink()函数。如何最好地做到这一点?让redux操作修改应用程序状态,然后将指示器元素作为prop绑定(bin

javascript - react /归零 : mapStateToProps not actually mapping state to props

我在项目中使用React和Redux,但在实现启用/禁用按钮的功能时遇到问题。我已经能够:触发方法让该方法触发Action创建器发送一个Action在reducer中捕获该操作并创建一个新的更新状态在ReduxDevTools中查看更新状态但是,启用/禁用功能仍然不起作用,因为似乎mapStateToProps和connect实际上并未将状态映射到Prop。我正在跟踪canSubmit,它在状态内发生变化,但在props中是undefined。我缺少什么才能成功地将状态映射到Prop?相关代码:用户窗体ViewconstmapStateToProps=(state)=>({router

javascript - 在 react/redux 应用程序中,在哪里保存服务实例?

假设我正在用Redux编写一个应用程序,我的任务是使用第3方库添加日志记录。其API如下:functioncreateLogger(token){//theloggerhasinternalstate!letlogCount=0;return{log(payload){logCount++;//modifylocalstatefetch('/someapi',{//shippayloadtosomeAPImethod:'POST',body:payload});}};}然后我会像这样使用库:letlogger=createLogger('xyz');logger.log('foobar

javascript - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

我正在设置一个简单的玩具应用程序来学习React/Hapi,并且一切正常,直到我尝试设置服务器端路由。服务器运行无误,并使用helloworld正确呈现“/”。但是,当我导航到“/test”时,出现以下错误。Warning:FailedpropType:Requiredprop`history`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop`location`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop

javascript - react : Prevent remount when parent rerenders

我有一个组件Split,它有两个child。第一个child将显示在屏幕的左侧,第二个child将显示在屏幕的右侧。如果屏幕宽度低于某个点,则只会显示右侧,左侧将从DOM中移除。示例子项可以是Sidebar组件和Content组件。对于移动设备,我不想显示菜单,但有一个弹出的特殊移动菜单。我的问题是:如何在不卸载和重新安装Content组件的情况下删除Sidebar组件?我的Content组件在componentDidMount上获取数据,我不希望它再次重新获取或重新安装(因此丢弃用户输入)。基本上我有这样的东西:Split的渲染方法看起来像这样:letchildren;letfirs

javascript - 从 gulp 运行时在 Webstorm 中调试 Node js

我对此很陌生,但我确实尽了最大努力寻找答案。我使用yeoman生成了一个应用程序。(使用'angularfullstack'-https://github.com/angular-fullstack/generator-angular-fullstack)它有一个运行nodemon的gulpfile.babel.js配置文件。我要做的是让gulp服务nodemon实例命中我的Webstorm断点。到目前为止我尝试了什么:--定期调试。(微不足道..)但是当Node遇到ECMA6语法时,它似乎会发送异常。(仍然..我宁愿运行gulp实例也不愿从webstorm运行它。)--使用--deb

javascript - react : Resizing a div including handlers, 不同的游标,即 ns-resize - 没有 jquery

我正在寻找一种允许用户使用句柄和所有相关光标调整div大小的简单方法。我看到很多使用jquery的示例,但我想在React中使用它,不需要jquery。有谁知道这样做的简单方法吗?我假设纯js,css。我真的不想为此使用react组件,因为我需要在标准div上启用调整大小。当然,它是与reactjs一起使用的,有没有更现代的方法可以在没有jquery的情况下做到这一点?**编辑**这些是可用于每个可调整大小的点的光标e-resizene-resizen-resizenw-resizes-resizese-resizew-resizesw-resize 最佳答