当前位置: 首页 > 面试题库 >

使用JSX语法的`eval()`代码

顾昊穹
2023-03-14
问题内容

我有一个网站,服务器在其中生成一些javascript,并将其通过ajax发送到客户端。问题是,我想在页面上使用React,但不知道要调用哪个函数。现在,JavaScript在jQuery中,我使用eval()在客户端执行javascript。什么是适用于JSX的eval()的React等效项。


问题答案:

如果您希望它与JSX一起使用,则可以在执行代码之前使用Babel之类的代码来转换代码。

例如,使用Babel 浏览器版本时:

var jsCode = babel.transform(jsxCode);
eval(jsCode.code);

run您还可以使用一种方法来简单地执行代码:

babel.run(code);

这两个transformrun一个可选的options哈希值;
查看文档以获取更多详细信息。

当然,按照标准,请注意eval



 类似资料:
  • 本文向大家介绍vue jsx 使用指南及vue.js 使用jsx语法的方法,包括了vue jsx 使用指南及vue.js 使用jsx语法的方法的使用技巧和注意事项,需要的朋友参考一下 vue  jsx  语法与 react  jsx  还是有些不一样,在这里记录下。 好了,下面看下vue.js 使用jsx语法的方法 1、创建一个测试的组件 2、把编辑器js语言的版本设置成jsx,这样编辑器 可以正

  • JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 它只是一种语法糖。 它是类似 HTML 标签的表达式: <View style={styles.text}> <Text style={styles.title}> MAKE IT EASY TO DO BUSINESS ANYWHERE </Text> <Text style={styl

  • 本文向大家介绍vue组件jsx语法的具体使用,包括了vue组件jsx语法的具体使用的使用技巧和注意事项,需要的朋友参考一下 如果使用render函数来写比较复杂的vue组件,对于可读性和可维护性都很不友好,而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。 配置 需要用到babel插件 安装 .babelrc配置 在plugins中添加transf

  • 问题内容: 我想分配: 我编写代码来表示输入或输入时可以得到字符串的输出。 我该怎么做? 问题答案: 对于语句的动态执行,请使用语句。 Eval Usgae: 该参数被解析和评价为Python表达式 例如:

  • JSX介绍 JSX的引入 如果直接让用户通过 JS 代码手动创建DOM元素,肯定是非常麻烦的。 于是,React 官方就提出了一套 JSX 语法规范,能够让我们在 JS 文件中,书写类似于 HTML 那样的代码,快速定义虚拟DOM结构。 JSX的全称 JSX:JavaScript XML,一种类似于XML的JS扩展语法。也可以理解成:符合 XML 规范的 JS 语法。 需要注意的是,哪怕你在 JS

  • 问题内容: 您可以像这样在JSX中使用if语句吗? 像上面的东西?是否可以根据条件使用JSX? 问题答案: 使用条件渲染,并且由于没有其他情况,因此为了简洁起见,可以使用而不是三元运算符: 之所以起作用,是因为在JavaScript中,总会求和,并且总会求和。 因此,如果条件为true,则&&之后的元素将出现在输出中。如果为假,React将忽略并跳过它。 从而: 仅当条件为true时才渲染JSX。