草庐IT

eslint-plugin-jsx-a

全部标签

javascript - ESLint 定义前不使用

如何让ESLint规则(no-use-before-define)在这些情况下不发出警告;classAppextendsReact.Component{render(){return{messages.helloWorld}}}constmessages={helloWorld:'Helloworld!'}这是一个简化的示例,但我真的很想在每个组件文件的底部定义消息(按照惯例)。 最佳答案 看来您可能对此规则的variables选项感兴趣。您可以阅读有关该选项的信息here.Thisflagdetermineswhetherorno

javascript - 你应该如何在 React.js 中调试 JSX?

现在正在尝试学习React.js,但我在语法错误方面遇到了很多麻烦。我不清楚在编写react.js代码时如何调试JSX。典型的JSX语法错误在我的控制台上看起来像这样:“第15行”似乎不对应任何实际代码。在我的IDE中,它是之前的一个空行标签。展开错误仅显示对JSXTransformer.js的几十个引用.当我用谷歌搜索这个问题时,每个人都说要简单地安装React调试器,我也这样做了,但是当涉及到JSX语法时它没有用,并且不会真正启动:其他人建议使用debugger;在我的脚本中调用Chrome调试器,这是明智的,但无论我在哪里调用,JSX错误都会以某种方式停止脚本。

javascript - SonarQube:在 SonarQube 中为 JavaScript 集成 ESLint?

我们已经使用ESLint确定了应该用于JavaScript代码的规则。现在我们想将ESLint集成到SonarQube,就像我们之前使用CheckstyleforJavaCode所做的那样。下面的链接描述了为什么SonarQube不想为ESLint提供插件:http://www.sonarqube.org/sonarqube-javascript-plugin-why-compete-with-jslint-and-jshint/SonarQube中ESLint还没有插件吗?这不是营销策略的一部分吗?还有Checkstyle、FindBugs等的插件……为什么SonarQube突然停止

javascript - eslint/eslint-插件 react : <form action ="Javascript:void(0)" > - no-script-url error

我有一个带有表单的组件:Eslint在提示:errorScriptURLisaformofevalno-script-url注意:我也在使用“eslint-plugin-react”我怎样才能放宽这条规则,或者什么可以替代javascriptvoid函数? 最佳答案 我遇到了这个问题,然后在官方Redux文档中看到了这个模式,这对我来说很有意义:{e.preventDefault()onClick()}}>{children}Source这就是我从现在开始要做的。 关于javascrip

javascript - 如何将 JSX 渲染(打印)为字符串?

这里的JSX是scode示例:exportdefaultclassElementextendsReact.Component{render(){return({this.props.langs.map((lang,i)=>{lang})})}}如何获取这样的字符串?{this.props.langs.map((lang,i)=>{lang})}UPD:我得到了在服务器上呈现的React组件。我想将它们作为字符串转换为客户端的另一个模板库。 最佳答案 只需调用renderToStaticMarkup(),您应该会得到React生成的静

javascript - 在React循环中向JSX元素添加 key 的不同方法

我从事响应工作已经一年多了。我主要是使用.map,.forEach,.filter或如果对象是Object.keys和Object.values来迭代数组。但是向jsx元素添加唯一键的不同方法是什么。到目前为止,我已经习惯了以下内容使用数据中的唯一ID作为关键Prop的关键:constdata=[{"id":"01","name":"abc"},{"id":"02","name":"xyz"}];render(){constitems=data.map(item=>{return{item.name};}return({items})}使用索引作为关键Prop的关键:constdata

javascript - eslint:禁用警告 - `defined but never used` 用于特定功能?

所以我有这个功能:functionrender(){//dostuff}我不调用那个函数,因为它是作为事件函数从html调用的,例如:嗯,eslint没有看到,所以它给出警告(render已定义,但从未使用过)。有没有办法指定该函数在别处调用?或者只是让警告静音?例如,如果使用了全局变量,我可以执行/*globalSomeVar*/并且它将消除undefinedvariable的警告。也许可以对示例中的函数做类似的事情? 最佳答案 提供configcomment告诉它忽略该规则(已定义但从未使用是no-unused-vars规则)f

javascript - jQuery Validation Plugin : Invoke errorPlacement function when onfocusout, 键入并单击

我正在使用jquery验证插件,并希望使用errorPlacement函数将错误消息添加到字段标题属性,并在字段旁边仅显示一个✘。当使用提交按钮提交表单但触发以下任何事件时,这非常有效:-onfocusout-点击-onkeyup验证检查已运行,但它会跳过errorPlacement函数并在字段后添加完整的错误消息,就像默认行为一样。我正在使用以下代码:$("#send-mail").validate({debug:true,//setthisclasstoerror-labelstoindicatevalidfieldssuccess:function(label){//settex

javascript - 是否可以将 Harmony (ES6) 与 JSX Transformer.is 一起使用?

我很幸运地使用了React的JSXTransformer.js在浏览器中使用JSX进行开发:/**@jsxReact.DOM*/...为了减少样板代码,我想使用Harmony的一些功能,例如arrowfunctions.Facebook的JSXCompilerService有一个将ES6转换为更传统的JS的和谐复选框:varf=v=>this.props[v];//becomesvarf=function(v){returnthis.props[v];}.bind(this);是否可以使用浏览器内的JSX启用此转换? 最佳答案 此功

javascript - 将 React JSX 对象转换为 HTML

我有一个基于某些配置生成HTML输出的React应用程序。像这样:exportconstgetHtml=(config)=>{const{classes,children}=configreturn({children});}在React应用程序中,我可以轻松地显示生成的DOM对象,但我想将HTML代码保存到数据库中,以便在不同的页面上显示它(无需再次加载react/解析配置)我找不到将JSX对象转换为纯HTML的方法... 最佳答案 使用renderToStaticMarkup方法。根据文档:Youcanusethismethod