草庐IT

JSX语法

全部标签

javascript - Babel 6 react JSX 转换器 - 禁用严格

问题我正在使用babel6进行ReactJSX转换。但是我没有使用react预设,我只使用“transform-react-jsx”插件(并尝试禁用严格模式选项),这是我的.babelrc{"plugins":[["transform-react-jsx"]],"sourceMaps":true,"strictMode":false}但是我需要一个使用“with”(不受我控制)的第三方javascript,它会发出以下错误:[SyntaxError:foo.js:'with'instrictmode..]所以我需要禁用严格模式,这与thisissue的问题相同但是我没有使用es6/es

javascript - 删除不合格标识符时严格模式语法错误背后的动机?

我无法理解为什么在严格模式下,当delete用于非限定标识符时会发生语法错误。在大多数情况下,这是有道理的...如果您以通常的方式使用var关键字声明变量,然后尝试对它们使用delete,在非严格模式下,它会悄无声息地失败,因此在这些情况下,严格模式因错误而失败是有意义的。但是,有些情况下您不能删除合格的标识符:(function(){//"usestrict";varobj=Object.create({},{bloop:{configurable:false}});deleteobj.bloop;//throwsTypeErrorinstrictmode,silentlyfails

javascript - Eslint 错误导入没有扩展名的 jsx

我正在尝试在es6中导入jsx文件而不需要.jsx扩展名:importLoginErrorDialogfrom'./LoginErrorDialogView';不是:importLoginErrorDialogfrom'./LoginErrorDialogView.jsx';虽然我已经以这种方式成功导入了webpack:exportdefault{entry:'./src/ui/js/app.js',output:{publicPath:'/',filename:'bundle.js'},resolve:{extensions:['.js','.jsx'],Eslint(eswwebp

javascript - 如何在 Istanbul 尔覆盖 React jsx 文件?

我正在尝试集成我现有的测试流程以包括React,但我在代码覆盖率部分苦苦挣扎。通过遵循此项目/教程-https://github.com/danvk/mocha-react,我已经能够让我的单元测试正常工作-http://www.hammerlab.org/2015/02/14/testing-react-web-apps-with-mocha/我一直在使用Istanbul来覆盖我的节点代码,它运行良好。但是,我无法让它覆盖我在测试中使用的jsx文件。这是一个现有的Istanbul任务的示例,它在vanillajs(节点后端代码)上也运行良好varmocha=require('gulp

javascript - JavaScript 语法中有效的左侧表达式是什么?

好的,我们都知道有效的左侧表达式是什么。有点。*但是,查看theECMA-Scriptstandard中的定义,我很困惑:LeftHandSideExpression:NewExpressionCallExpression这只是定义中的错误,还是我在这里弄错了?我的意思是,这不是真正的意思吗newObject=1;//NewExpressionAssignmentOperatorPrimaryExpressionfunction(){returnfoo;}()=1;//CallExpressionAssignmentOperatorPrimaryExpression应该是有效的赋值表达

javascript - 对 FTP 服务器执行跨域 XMLHTTPREQUEST 的语法是什么?

我有一个webDavCORS插件,我可以使用它在webDav服务器上发布/放置/获取/删除/ALLDOCS文件。我现在想对FTP做同样的事情,但我正在努力让xmlhttprequest-syntax工作(我只是收到错误0)。此页在Mozilla说也可以将xmlhttprequests用于文件和ftp,但我无法在任何地方找到有效的示例或教程。这就是我正在尝试的,它返回accesstorestrictedURIdeniedfunctionreqListener(){console.log(this.responseText);}varoReq=newXMLHttpRequest();oRe

javascript - 使用浏览器/插件调试 JSX

有没有办法调试JSX文件?当我在safari/chrome中查看资源选项卡时,我无法看到.jsx文件。我们可以使用调试器吗? 最佳答案 安装ChromeExtension之后打开devTool(f12),你可以看到:一个新的React选项卡-用于检查React元素(就像常规检查一样)。在源选项卡(左面板)中,一个新的应用程序列表,您可以在其中查看JSX文件并在代码中设置断点。注意:可能需要重新启动chrome才能运行 关于javascript-使用浏览器/插件调试JSX,我们在Stack

javascript - 如何在 chrome 开发工具中使用对象扩展语法

我开始使用对象传播语法在遵循不变性原则的同时安全地制作对象的副本。我想在chrome开发者控制台中使用它——如何做到这一点: 最佳答案 您可以启用javascript实验标志:chrome://flags/#enable-javascript-harmony使网页能够使用实验性JavaScript功能,包括Rest/Spread。 关于javascript-如何在chrome开发工具中使用对象扩展语法,我们在StackOverflow上找到一个类似的问题: h

javascript - JSX 元素类型 'void' 不是 JSX 元素的构造函数

这个问题在这里已经有了答案:Deepnestedarrayofobjectsnotrendering(1个回答)关闭4年前。我在这里做错了什么?它不喜欢我调用Items的方式importReact,{Component}from'react';import{Link}from"react-router-dom";interfaceLinkedItemProps{icon:string;title:string;}exportconstItems=({icon,title}:LinkedItemProps)=>{{icon}{title}}exportdefaultclassLinked

javascript - 如何从 JISON 解析器中获取抽象语法树 (AST)?

所以我通过JISON生成了一个解析器://mygenerator.jsvarParser=require("jison").Parser;//agrammarinJSONvargrammar={"lex":{"rules":[["\\s+","/*skipwhitespace*/"],["[a-f0-9]+","return'HEX';"]]},"bnf":{"hex_strings":["hex_stringsHEX","HEX"]}};//`grammar`canalsobeastringthatusesjison'sgrammarformatvarparser=newParser