javascript - 如何在 JSX 文本内容中包含重复的 @ 符号?

标签 javascript reactjs jsx

我使用了 ascii art 生成器,它给了我 HTML 格式的输出。然后我使用了 HTML 到 JSX 转换器,它给了我一个输出,我将其放入 JSX 中的 div 中。编译时出现错误

Syntax error: Invalid identifier @@XSXX. (33:5287) (33:5287)

那一行是

<span style={{color: '#000', backgroundColor: '#555'}}>@@XSXX</span>

它似乎只发生在包含“@@”的 block 上。 这在 React (JSX) 中有一些自定义行为吗?我该如何解决这个问题? 这不是第一个 block 。

最佳答案

当尝试像 @@XSXX 那样渲染 jsX 时,您会得到一个

Invalid identifier @@XSXX


您不应该将其呈现为 jsX,而应呈现为字符串:

<span style={{color: '#000', backgroundColor: '#555'}}>{'@@XSXX'}</span>

关于javascript - 如何在 JSX 文本内容中包含重复的 @ 符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74016391/

相关文章:

javascript - React onScroll 未触发

javascript - jQuery Accordion 显示特定选项卡

javascript - 未捕获的类型错误 : Cannot read property 'getParent' of undefined

javascript - 返回 reactDOM 的函数什么都不做

javascript - React Js 循环访问父数组以进行登录授权

java - Android - phonegap 错误 : Error parsing XML: unbound prefix

javascript - 将用户输入的输入数字限制为 4 位

javascript - 在客户端执行 jsx 转换

reactjs - 使用 useMemo() 防止上下文重新渲染

javascript - 使用 JSX 的 React Button 的 onClick 方法