草庐IT

eslint-plugin-jsx-a

全部标签

javascript - 在 jsx 中的 map 中使用 map

{normalizedData.map(obj=>{obj.display_date_numberic}{!isEmpty(obj.applicants)&&obj.map(obj2=>{obj2.person.name})})}我在以下行中收到错误:{!isEmpty(obj.applicants)&&obj.map(obj2=>为什么我不能在另一个map中使用map功能?normalizedData有一个对象数组,每个obj都有另一个对象数组。 最佳答案 您可以按如下方式在map中创建map:例如给定的数据outerArray:

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 - 如何在 ESLint 中对齐 const 缩进?

我正在使用ESLint使我的JavaScript代码风格保持一致。我最喜欢的缩进级别是4,我希望我的声明样式是这样的:function(){leta=1,bbb=2;constcc=3,ddd=4;}但是有一个问题,因为indent每个结构的规则都有一个数字,它是基本缩进的乘积。如果我将我的基本缩进设置为4,我似乎无法对齐常量。如果我将规则设置为:"indent":["error",4,{"VariableDeclarator":{"const":1}}],正确的对齐方式是4个空格:constcc=3,ddd=4;如果我将规则设置为2:"indent":["error",4,{"Var

javascript - CommonJS - 如何将 jquery 和 jquery-plugin 组合到 $ 命名空间中

我想做的是调整我的jQuery插件以在Node.js上使用jQuery。据我了解,最基本形式的CommonJS需要将库包装在闭包中,并且该闭包应该作为“导出”参数的参数提供。这样,代码就整齐地包含在它自己的命名空间中(通过命名变量),并且不会污染全局命名空间。jQuery本身应该属于“$”命名空间。阿拉:var$=require(jquery);但我的插件也应该适合“$”命名空间。插件代码:(function($){//plugincodegoeshere})(jquery);exports.jquery=jquery//willthiswork?例如:var$=require(jqu

javascript - 如何让本地 eslint 插件与本地安装的 eslint 一起工作

根据文档,如果插件是名为“eslint-plugin-”的npm模块,则插件应该可以工作Here'sapluginthatfollowsthatpattern.Sourceishere.所以,我们创建一个新项目mdfoocdfoonpminit...answerquestions..npminstall--save-deveslintnpminstall--save-deveslint-plugin-requireecho"define(function(){});">test.jsecho"{\"rules\":{\"require\":2}}">conf.jsonnodenode_

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - CORS plugin/--disable-web-security 如何在浏览器上工作?

我确定我不是唯一使用过/使用过CORSplugins的人对于浏览器或--disable-web-security标志,同时对外部(甚至内部)API端点进行API调用。我使用这个插件来进行谷歌地图相关的API调用。但在同一个应用程序中,ParseSDKAPI调用不需要CORS或--disable-web-security标志。我的问题是:为什么这些端点的行为不同以及CORS插件如何解决问题(即使我们无法控制这些API)?提前致谢。 最佳答案 好吧,那个插件的所作所为是非常不负责任的;它实际上禁用了同源策略,该策略强制特定源上的网站只能

javascript - Babel plugin-proposal-decorators 没有按预期工作

我在我的package.json中添加了这两个devDependencies:"@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-proposal-decorators":"^7.1.6",在.babelrc文件中,我将它们添加为插件:{"presets":["module:metro-react-native-babel-preset"],"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}],["@babel/plugin-pro

JavaScript:跨浏览器 "browser plugin"检测

我正在寻找一个脚本来检测用户是否安装了WindowsMediaPlayer、Quicktime、Flash或Silverlight...理想情况下,这将是jQuery插件,但任何脚本都可以。您知道可以推荐一个吗? 最佳答案 PluginDetect似乎工作得很好。您可以生成脚本的缩小版本,只选择您想要检测的插件和您需要的功能。 关于JavaScript:跨浏览器"browserplugin"检测,我们在StackOverflow上找到一个类似的问题: http

javascript - 如何告诉 eslint 允许分阶段的 ECMA-Script 动态导入

我想使用现在的“Stage-3”提案import()。如果我用ESLint整理我的代码,它会提示:Parsingerror:'import'and'export'mayonlyappearatthetoplevel这对于import的静态形式是正确的,但对于新的动态形式是不正确的。我找不到让ESLint允许这样做的正确选项。有人可以给我提示吗? 最佳答案 Gyandeep当然是对的。这不是规则的问题,而是解析器的问题(毕竟这就是解析错误的意思……)。所以我现在将babel-eslint与以下.eslintrc(摘录)一起使用:{"p