草庐IT

babel-plugin-react-html-attrs

全部标签

javascript - 在单击事件上运行 AJAX 调用 - 使用 React.js

我正在创建一个网络应用程序,该应用程序将根据用户点击的城市对OpenWeatherAPI进行AJAX调用以获取城市的天气数据。我的前端使用React,后端使用Node.js/Express-但我无法正确设置如何根据用户的点击进行API调用。如何重构我的代码以使其基于点击?这是我目前所拥有的(JSBIN:http://bit.ly/1WedsL2)——目前硬编码为“London”:vardata=[{name:"London"},{name:"Tokyo"},{name:"NYC"}];varMusicBox=React.createClass({render:function(){re

javascript - 在 React Native 中查看组件层次结构

调试React网站时,我可以使用ReactDeveloperTools查看组件层次结构:我如何在ReactNative中做同样的事情?rageshake菜单包含一个“检查器”,但它似乎只能让我通过点击它来检查单个元素-我看不到任何浏览完整组件层次结构的方法。 最佳答案 不幸的是,从react-native0.12版本开始,Devtools的“React”选项卡不再起作用。这是aknownissue.有一个quiteactivediscussiononGithub已经开放了一段时间,但还没有解决方案。更新Devtools“React”

javascript - 在 React.JS 中禁用右键单击

如何在ReactJS中禁用Canvas中的右键单击。这是我尝试过但仍然无效的方法:letCanvas={e.preventDefault();returnfalse;}}height={500}width={500}ref="canvas"/>;浏览器控制台中也会显示警告。Warning:Returningfalsefromaneventhandlerisdeprecatedandwillbeignoredinafuturerelease.Instead,manuallycalle.stopPropagation()ore.preventDefault(),asappropriate.

javascript - 如何动态设置 HTML lang 属性?

如何在Web应用程序中动态设置HTML的“lang”属性?我尝试使用jQuery如下插入“lang”属性:$(document).ready(function(){$("html").attr("lang",language);//'language'valueisretrievedfromacookie});使用控制台/警报,'lang'属性看起来已按预期设置。但是,如果您看到生成的源代码(查看源代码),则根本没有设置“lang”。要求是屏幕阅读器必须能够动态识别语言。如果有任何其他解决方案可以使屏幕阅读器动态识别语言,那就太好了。感谢大家在线发表评论!

javascript - react 路由器中的层次结构

我正在学习React,我尝试创建一些路由,我的入口点上有这段代码:importReactfrom'react';importReactDOMfrom'react-dom';import{Router,Route,IndexRoute,Link,IndexLink,browserHistory}from'react-router';importAppfrom'./app/Components/AppComponent';importSupervisoryReportfrom'./app/Components/SupervisoryReportComponent';importTopmen

javascript - 用 HTML 字符替换句点

我的一些代码有问题。我输入了一个输入,段落中的文本使用突出显示。.但是,当我添加一个句点以突出显示所有句点时,代码会崩溃并为我提供实际的html代码并随机突出显示。所以我尝试添加一个替换器来更改周期。现在它不会panic,但不会突出显示任何内容。这是我尝试用html字符数(.)替换句点的代码:vari=document.getElementById("Bar").value;varinpu=$.trim(i);varinp=inpu.replace(".",".");varSearchReq=newRegExp("(\\b"+inp+"\\b)","gim");varN

javascript - 在 react-router 2 中以编程方式重定向到页面

我正在使用react-router-2。我想在成功登录后或执行某些操作后以编程方式重定向到页面。我的路由文件是这样的(routes.js)onEnter钩子(Hook)functionredirectToLogin(nextState,replace){//Performsomeauthenticationcheckif(!loggedIn){replace({pathname:'/login',state:{nextPathname:nextState.location.pathname}});}}functionredirectToDashboard(nextState,repla

javascript - Symfony 和 React 路由器,找不到路由

我正在使用Symfony3,我正在使用React.js创建一个包,并使用自身的react-router。问题是当我在react中使用路由时,如果我重新加载页面,symfony路由模块会发送“找不到路由”我的路由是索引页面的/admin和下一页的/admin/data。当我加载页面/admin时一切正常,我单击链接转到/admin/data,一切正常,react动态发送给我,但现在当我刷新(F5)页面/admin/数据,Symfony拦截它并尝试在其代码中找到路由并重定向到/404“NoRouteFound”。我知道在AngularJs上,框架使用的是ancors路径“localhost

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - react : Invoke redirect to page, 并传递参数

我正在构建我的第一个React应用程序。在我的代码中,我使用重定向到另一个页面(一个组件)browserHistory.push(pathToMyComponent)我也尝试过react-routerLink-element。Link元素使我能够将数据传递到目标组件,而无需将其显示在URL中,如下所示:但现在我不想创建链接。相反,我想在按下按钮时执行一些操作,然后使用一些计算数据进行重定向。我该怎么做?编辑:这是我的代码。在登录页面中,用户可以执行facebook登录。我想要的是在登录成功后将用户重定向到大厅。我想将userid传递给大厅。window.scrollTo(0,0)}>这