问题标签 [jsx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
8 回答
108496 浏览

reactjs - React JSX 中的动态标签名称

我正在尝试为 HTML 标题标签(、、、等)编写一个 React 组件h1h2其中h3标题级别是通过道具指定的。

我试着这样做:

和预期的输出,如:

但这不起作用。有没有可能的方法来做到这一点?

0 投票
1 回答
1214 浏览

photoshop - JSX (Photoshop) - dpi 中的文档分辨率

我正在使用 Photoshop 中的 jsx 脚本将图像调整为特定大小。分辨率设置为 200 dpi。运行脚本后,我可以在“图像”>“图像大小”下进行检查。

问题是,根据图像,它最初倾向于以点/厘米而不是点/英寸来显示分辨率。无论哪种方式,数字本身都是正确的,但我希望看到它作为后者提到。有没有办法在 JSX 中实现这一点?

谢谢!

Ĵ

0 投票
1 回答
159 浏览

coffeescript - 为 CJSX 使用 Textmate Bundle 时,Webstorm 11 的配色方案搞砸了

我已经关注了这篇文章,配色方案变得非常混乱,我所在的线条是黑色的,但其他所有东西都是彩色的,就好像它是默认的一样,突出显示使该部分背景变为蓝色。

http://www.residue.io/2015/01/30/webstorm-cjsx-support/

在此处输入图像描述

我已经按照说明进行了所有操作并重新启动了 WebStorm,此时我正在考虑放弃 CJSX 或 Webstorm,请帮忙。

0 投票
1 回答
480 浏览

javascript - Webstorm JSX emmet 扩展

在 javascript 上下文中使用 Webstorm 时,有一个“func”实时模板,它允许我编写fun|、按下Tab和展开fun

和的占位function name符。argumentsbody

但是在 JSX Harmony 的上下文中,Tab在函数名称中输入一些文本后按下会扩展 Emmet 标记而不是转到arguments占位符:

有没有办法在实时模板或片段中禁用 emmet 扩展?

0 投票
2 回答
8359 浏览

typescript - JSX 元素类型“XXX”没有任何构造或调用签名

我想在打字稿中使用material-ui。

flat-button.d.ts

错误:(15, 14) TS2604:JSX 元素类型“FlatButton”没有任何构造或调用签名。

0 投票
43 回答
693018 浏览

javascript - 未捕获的错误:不变违规:元素类型无效:预期字符串(用于内置组件)或类/函数但得到:对象

我收到此错误:

这是我的代码:

我的Home.jsx文件:

0 投票
1 回答
4532 浏览

javascript - 分离要在 React.js 中呈现的 HTML

我正在评估将 react.js 添加到我们即将开始的新 Web 项目中。到目前为止,我很喜欢以数据为中心的方法(感觉有点像 MVVM,因为它通过更改对象的数据/状态来间接更新视图,然后视图知道代表那个新状态)。我有一些担忧,其中一个我想在这里得到一些反馈,因为我正在尝试为这个项目的编码制定一套标准。

我想建立一个模式/规范,我们尝试以一种被调用和明确的方式声明我们的视觉输出/HTML。我觉得要使维护变得足够容易,您需要能够浏览这些 JSX 文件之一(我依赖 JSX)并很快看到基本输出将是什么。我还希望维护或标记与用于构建它的任何逻辑尽可能不同。

因此,我一直在尝试将条件标记“块”拆分为渲染方法内的变量 - 在 return 语句之前 - 然后将它们内联到主标记中。我希望我可以在任何我想要的地方使用 JSX 标记混合技巧(呃,显然是我的名字......仍然不确定所有这些新概念的词典),就像这样:

然后,类似:

所以我希望使用“(....)”来创建内联 HTML 并将其存储在一个变量中(因为它具有在 IDE 中被格式化为 HTML 并且更突出的优点),然后再输出它使用大括号。对我来说,更清楚的是这是输出,我更喜欢它而不是“React.DOM.div”等。根本没有渲染任何东西,但是,它只是{sIcon}在渲染时完全忽略了''。

这可能吗?我只是在破坏它的语法吗?

还是其他人设计了另一种方法来在我应该尝试的反应组件中实现更大的 HTML/逻辑分离?

当我在渲染方法中声明一个变量时,它特别失败,但是将它初始化为 null 然后有条件地尝试稍后设置它。所以简单地用 JSX 声明一个变量然后引用它就可以了,但是声明一个没有值的变量然后尝试将 JSX 分配给它会失败:

请注意,这里的 HTML 格式可能不是完全正确的;这是一个部分片段,我不想包含整个喇叭文件,所以请原谅任何复制/粘贴错误。但这里的重点是,给定上面的代码,tempIcon将显示在输出中,但tempIcon2不会。

0 投票
1 回答
770 浏览

javascript - 什么是 JSXIdentifier,它与 AST 中的 Identifier 有何不同?

在 JSX 扩展中定义

JSXIdentifier 与 AST 中的普通标识符的目的是什么? https://github.com/facebook/jsx/blob/master/AST.md

0 投票
1 回答
328 浏览

javascript - 使用类时使用 Babel 和 JSX 的 SyntaxError

我正在尝试使用 webpack、babel 和 jsx 创建类

这是我得到的错误:

我的 babel 预设

0 投票
1 回答
1530 浏览

photoshop - Photoshop Scripting (JSX):如何收缩 layerSet?

我到处搜索,找不到用脚本关闭 layerSet 的语法/属性。

我有这个,我的 layerSet 被扩展了:http: //i.imgur.com/uVBiPa4.jpg

我想要这个,我的 layerSet 已关闭:http: //i.imgur.com/j6BVyYu.jpg

起初,我正在尝试一些事情,因为我知道 layerSet 的名称,但什么也没发生。

我尝试了另一个,但它也一定不是正确的。

如果有人有想法...