jjzjj

$react.js

全部标签

javascript - React-router 不通过输入 onBlur 事件更改路由

我正在为一个应用程序使用React、Redux和ReactRouter,但在使用onBlur输入事件和路由更改时遇到了问题。我有一个显示内部链接列表的“SearchResults”组件。SearchResults仅在状态searchActive为真时显示。{props.searchActive?:props.children}SearchResults有一个循环呈现的链接列表...{r.name}搜索输入(另一个独立组件)在onFocus事件和期间将searchActive设置为true对于onBlur事件为false。{//dispatchReduxaction(set"search

javascript - Webpack:如何驯服不符合 npm 的 js 库

我有如下初始化自己的js库:(function(root){............})(this)当使用webpack构建时,我得到类似的东西function(module,exports){(function(root){})(this)}“this”不是库假设的窗口。有没有一种巧妙的方法可以使这种类型的库与webpack一起工作?我的最后一招是使用poSTLoader或其他东西将this替换为window。 最佳答案 是的,我们称这些为“损坏的模块”,因为正如您所说,它们只是在全局上下文中执行,有几种不同的方法可以填充这些类型

javascript - 在 React 的 onClick 中传递 undefined 是否安全?

在React的onClick处理程序中传递undefined是否安全?我刚刚尝试过,一切仍然有效,但我在文档中找不到任何相关内容。例子:functionMonthBar(props){/*isitokaywhenprops.onClick===undefined?*/return{props.monthName};}MonthBar.propType={onClick:React.PropTypes.func,//optionalmonthName:React.PropTypes.string.isRequired}; 最佳答案 将

javascript - 如何使用来自 async.js 的 Promise 进行编码?

背景我通常基于async.js编写node.js脚本来控制工作流程。有时我发现基于async.js,代码似乎仍然是一个“hell”。使用多个嵌套,代码不可读且难以维护。我在这里进行了一些搜索,发现了一些有用的资源——但其中大部分都是一般概念。所以我要问一个问题。如有任何反馈,我们将不胜感激。我的常用代码varrequest=require('request');varasync=require('async');vararray=[1,2,3,4,5,6];varurl='http://www.google.com';async.mapLimit(array,3,function(nu

javascript - 使用 react.createElement 时如何设置 ref?

我想获取对由我创建的元素表示的组件的引用,但无法使其工作。我试过这个:varcomp=React.createElement(MyComp,{props:myprops,ref:"mycomp"});但这行不通。我如何在其上设置ref以便父级可以调用this.refs.mycomp.someMethod()? 最佳答案 https://facebook.github.io/react/docs/top-level-api.html#react.createelementReactElementcreateElement(string

javascript - react.js 中 props 和 state 的混淆

我遵循了教程并得出了这个https://jsbin.com/foxoxejilu/1/edit?js,output使用react.js。我对Prop和状态感到困惑。在Note组件的save方法中,这一行做了什么this.props.onChange(this.refs.newText.value,this.props.id)而且我在代码的其他地方没有看到onChange和onRemove函数,这是React的预构建函数吗?React如何知道DOM已更改或删除? 最佳答案 我们可以这样总结正在发生的事情:一位家长(Board)将她的c

javascript - 如何控制 React Native 的 <TextInput> 的 defaultValue?

我有一个用defaultValue设置一个按钮,它将触发并传递defaultValue的别处。但是我如何传递的defaultValue到onPress的方法|?这就是我要实现的目标:changeName(text){this.setState({nameNow:text})//HowcanIimmediatelysetthedefaultValue='PassMeIn'tonameNow?BecausethismethodwouldneverbecalledunlesstextischangedwithinTextInput}sendOff(){//Wouldliketoaccesst

javascript - d3.js:放大点击事件

我试图获得相同的行为WilLinssen'simplementation但在d3.js版本4上。我对版本4中的zoomapi很困惑。我在原始实现中所做的更改是:zoom.translate()替换为d3.zoomTransform(selection.node())并添加了适当的点:svg.attr("transform","translate("+t.x+","+t.y+")"+"scale("+t.k+")");这个:zoom.scale(iScale(t)).translate(iTranslate(t));替换为varfoo=iTranslate(t);zoom.transla

javascript - JS : is it possible to define getter functions on array members?

我还没有找到关于这个主题的任何信息,如果这是一个非常奇怪的问题,请原谅我。我知道JS允许将属性定义为访问器,这意味着它们在使用时会触发getter或setter函数。我的问题是是否可以对数组成员执行相同的操作。例如,我希望在这样分配时触发一个setter函数:myObj[2]=2/*setfunction(value,index){console.log(value+index)}*/如果这不可能,是否有任何其他方法可以扩展[]操作? 最佳答案 基本上,除非您对数组进行子类化,否则您不能。即使是子类化,数组也比对象动态得多。与对象不

javascript - 什么时候或谁将 resolve 和 reject 函数传递给 JS promise?

我已经开始学习javascriptpromises。但我就是无法理解promise的概念。最让我困扰的是谁将Resolver和Reject函数传递给promise构造函数?请看这个Promise的例子:functiongetImage(url){returnnewPromise(function(resolve,reject){varimg=newImage()img.onload=function(){resolve(url)}img.onerror=function(){reject(url)}img.src=url})}现在谁确实传递了resolve和reject方法,正如我对j