草庐IT

Node-React

全部标签

javascript - 从 React JS 访问 URL 主机名

我正在尝试访问URL子域。传统上在JavaScript中我会这样做varfull=window.location.host;varparts=full.split('.');varsubdomain=parts[0];//...但是我从ReactJS组件调用它,我得到以下错误-Encounterederror"TypeError:undefinedisnotanobject(evaluating'window.location.host')"似乎window.location.host在React中不起作用?它不能访问窗口吗?我知道可能有哲学上的原因不这样做,但我仍然很好奇如果可以从R

javascript - React.js,特定 Prop 的事件监听器onChange?

我想在React组件上设置this.props.map时触发一个函数-使用ES6类语法定义:exportdefaultclassMapFormextendsReact.Component{...目前,我正在使用componentDidUpdate(),因为它是在设置props时触发的-但它也会由其他不理想的不相关事件触发。另一方面,componentWillReceiveProps()恰好在组件生命周期的早期(this.props.map返回undefined此时)所以我想在this.props.map设置时仅触发一个函数。我缺少一个钩子(Hook)吗?或者可能是某种模式?

javascript - 如何解决 Component should be written as a pure function error in eslint-react?

constHeader=React.createClass({contextTypes:{router:React.PropTypes.object.isRequired,},render(){return(AB);},});我使用eslint-config-airbnb检查上面的代码,它向我显示一条错误消息,例如Componentshouldbewrittenasapurefunction。那么如何将上面的组件改成纯函数呢?感谢您的帮助。 最佳答案 当你有一个“哑”组件(没有内部状态、生命周期方法等)时,你可以将它写成一个简单的j

javascript - React Redux 将状态作为 Prop 传递给组件

在我的ReactRedux应用程序中,当主页加载时,我想从API获取数据并将其显示给用户查看。正在从操作中获取数据并更新状态。但是,我没有将状态视为组件的支柱。不确定什么连接不正确。主页组件:importReact,{Component,PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asactionsfrom'../actions/actions';import'../styles/homeStyles.css';classHomee

javascript - React/Redux 中的生命游戏,有助于提高性能

我正在使用react/redux/javascript开发TheGameofLife的一个版本,当我使用它时性能很糟糕。HereisalinktotherunninggameHere'sthesourceongithhub目前,我在每个滴答声(用户可更改的250,500,750毫秒)更新每个单元格的状态。为此,我循环遍历代表每个单元格的对象数组。每个对象中都有一个名为status的参数,它可以是一个整数,1表示活着,0表示死了。然后我拉入三行,每行三个单元格,对于相关单元格周围的中间和底部行,我然后对这些值求和(不包括中心的单元格本身)。然后我通过if/then流程运行该数字以确定该单

javascript - 使用 nvm 使 node.js 文件可执行的最佳方法

我正在使用nvm管理我的Node版本。我的node.js可执行文件曾经像这样被shabang'd#!/usr/local/bin/node但现在看来我必须做类似#!/Users//.nvm/versions/node/v6.3.1/bin/node的事情完成同样的事情。处理此问题的最佳方法是什么? 最佳答案 我在我的Node可执行文件中使用#!/usr/bin/envnode并且它似乎可以工作。这里有引用https://en.wikipedia.org/wiki/Shebang_(Unix)#Portability

javascript - 如何摆脱告诉我将 svg 属性更改为驼峰大小写的 react 错误警告?

最近我的团队从React15.1升级到了15.3。此升级带来了这些错误:warning.js:36Warning:UnknownDOMpropertystroke-width.DidyoumeanstrokeWidth?inginsvgindiv(createdbyUnknown)indiv(createdbyUnknown)inUnknownwarning.js:36Warning:UnknownDOMpropertyfill-rule.DidyoumeanfillRule?inginsvgindiv(createdbyUnknown)indiv(createdbyUnknown)i

javascript - node express请求调用里面get

我正在尝试使用nodejs作为我的公共(public)网站和我们网络内部服务器之间的层。我正在使用express.js创建一个简单的RESTapi。API端点应触发对Web服务的请求调用,并返回结果。但是我的.get()函数中的请求调用没有执行任何操作。我想返回要返回的嵌套调用的结果。代码://Dependenciesvarexpress=require('express');varbodyParser=require('body-parser');varrequest=require('request');//Portvarport=process.env.PORT||8080;//

javascript - React 组件在其 props 方面必须表现得像纯函数吗?

我正在浏览React文档并阅读这一行(粗体显示他们的):AllReactcomponentsmustactlikepurefunctionswithrespecttotheirprops.这是避免意外行为的严格要求还是设计原则?Facebook提供的“不纯”函数示例是修改其输入的函数。但是React组件似乎可以修改它作为输入接收的Prop(我已经从他们自己的示例中复制了下面的示例)。CodePen:ImpureComponentw/RespecttoProps?JSX代码:varWithdraw=React.createClass({render(){this.props.accoun

javascript - 什么是 Node.JS 的 getHiddenValue 和 setHiddenValue 函数,它们包装了 V8 的 GetPrivate 和 SetPrivate?

由于非常复杂的原因,我正在研究以更好地了解Node.JS的内部结构,并发现了两个用途不明的函数。这些是功能以及如何访问它们。process.binding('util').setHiddenValueprocess.binding('util').getHiddenValue来自theirnativecodedeclarations,很明显它们包装了以下V8函数:v8::Object::SetPrivatev8::Object::GetPrivate我还制作了一个小片段,展示了他们可以做什么。'usestrict';varbinding=process.binding('util');