草庐IT

ref-allow-unrelated-histories

全部标签

javascript - React - 将 ref 传递给 sibling

我需要2个同级组件,其中1个必须引用另一个-这可能吗?我试过这个:ok甚至这个okthis.refs.btn}/>但是我在这两种情况下都得到了undefined。有什么想法吗?注意:父组件对我不起作用,因为我需要有多组这样的组件,比如不是这样的: 最佳答案 认为这个问题最好由docs回答:IfyouhavenotprogrammedseveralappswithReact,yourfirstinclinationisusuallygoingtobetotrytouserefsto"makethingshappen"inyourapp

javascript - 防止 react-router history.push 重新加载当前路由

我正在使用react-router迈出我的第一步。我目前正在使用hashHistory进行开发,并且我正在执行“手动”导航。也就是说,我不使用Link,而是调用history.push('/some/route');为了导航(响应对anchor标签的普通点击)。我注意到的是,即使我已经在目标路线上,react-router也会在每次history.push('/target/route');被调用:在每个push('/target/route')上:URL的片段部分仍然是#/target/routeURL的查询字符串部分更改为?_k=somethingRandom目标组件重新渲染我希望

javascript - 在 React 样式组件上使用 'ref' 不起作用

我在使用带样式组件的ref时遇到困难。当我尝试像下面这样在我的类方法中访问它们时,出现以下错误:Edit.js:42UncaughtTypeError:this.....containsisnotafunctionconstructor(props){....this.setWrapperRef=this.setWrapperRef.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this);}----------setWrapperRef=(node)=>{this.wrapperRef=node;}ha

javascript - 微软表面 : How do I allow JavaScript touch/drag events to work without being intercepted by the browser?

我的网站上有一张GoogleMapsmap,但当它与MicrosoftSurface平板电脑一起使用时,“平移”手势会被浏览器拦截——它会尝试转到下一个浏览器窗口。如何允许浏览器忽略平移(拖动事件)以使map正常运行?转到maps.google.com,map完全可以拖动,因此Google必须采用一种解决方法。 最佳答案 根据MS的“指针和手势事件”指南(此处:http://msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zoomi

javascript - 在 Safari 5.1.2 中传递 Element.ALLOW_KEYBOARD_INPUT 时 webkitRequestFullScreen 失败

尝试使用javascript全屏api时,在Safari5.1.2中遇到以下问题。通过将以下行复制并粘贴到浏览器的已加载页面上,您可以看到效果。这适用于Chrome15和Safari5.1.2:javascript:document.querySelector('body').webkitRequestFullScreen();这在Chrome15中有效,但在Safari5.1.2中静默失败:javascript:document.querySelector('body').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);AL

javascript - this.props.history 已弃用( react 路由器)

我试图以编程方式导航到另一个页面,就像这样this.props.history.push('/new-path');它有效,但我在控制台中收到弃用警告说:警告:[react-router]props.history和context.history已弃用。请使用context.router。此处有更多信息https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#changes-to-thiscontext之后我尝试像这样使用这个新方法this.context.router.push('/new

javascript - 在不使用 React 中的构造函数的情况下使用 React.createRef 创建 Ref?

基本上,我在React中使用constructor仅出于3个原因-1。初始化state就像-classAppextendsReact.Component{constructor(props){super(props);this.state={counter:0};}}但是由于Babel的class-field支持,我不用了classAppextendsReact.Component{state={counter:0};}2。bind功能如-classAppextendsReact.Component{constructor(props){super(props);this.increm

javascript - babel-node 安装 "Only RSA and DSA public keys are allowed"

我在安装babel-node时遇到问题npmi-gbabel-node>babel-node@6.5.2postinstall/Users/.../.../node_modules/babel-node>nodemessage.js;sleep10;exit1;/Users/.../.../node_modules/ssh-key-to-pem/index.js:210thrownewError('OnlyRSAandDSApublickeysareallowed');^Error:OnlyRSAandDSApublickeysareallowed 最佳答案

javascript - 通过 history.pushState 更改页面时如何在 google chrome 扩展程序中插入内容脚本?

我正在为网站创建一个小的googlechrome扩展,我想更改特定页面上的一些html。问题是网站通过ajax加载他的内容,并大量使用history.pushStateAPI。所以,我添加了这个东西来体现:"content_scripts":[{"matches":["http://vk.com/friends"],"js":["js/lib/jquery.min.js","js/friends.js"],},]当我第一次打开页面或重新加载它时一切正常。但是当我在网站页面之间导航时,chrome不会在“/friend”页面上插入我的脚本。我认为发生这种情况是因为URL实际上没有改变。他

javascript - 无法加载 XMLHttpRequest。请求的资源上不存在 'Access-Control-Allow-Origin' header 。 origin因此不允许访问

我正在使用apachehttpd服务器来托管客户端文件http://ipaddress:8010/我的Nodejs服务器运行在http://ipaddress:8087当我发送post请求时,它显示以下错误XMLHttpRequestcannotloadhttp://ipaddress:8010/.No'Access-Control-Allow-Origin'headerispresentontherequestedresource.Origin'http://ipaddress:8087'isthereforenotallowedaccess.我的客户端代码是:$.ajax({typ